/*! jQuery UI - v1.13.2 - 2022-07-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-ms-filter:"alpha(opacity=0)"}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;-webkit-box-sizing:border-box;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{-webkit-box-sizing:border-box;box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{-webkit-box-shadow:inset 1px 1px 1px #ccc;box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;-ms-filter:"alpha(opacity=25)";opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:pointer;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{-webkit-filter:inherit;filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{-webkit-box-shadow:0 0 3px 1px rgb(94,158,214);box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;-ms-filter:"alpha(opacity=70)";font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:"alpha(opacity=35)";background-image:none}.ui-state-disabled .ui-icon{-ms-filter:"alpha(opacity=35)"}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAADwCAQAAABFnnJAAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QARNs8prsAAAAHdElNRQfmBw4UMwcvFgIjAAAalUlEQVR42u2da4wlR3XHf207sQjx2iHEXuz1rrASbBIw2RlbEY9IWMS5k0ibAPI6dwcFCDg7DoSnyM7gzPiDZzFzh8T4gaNdyybI0jyy6wCxpfgOxhiZsALM7PKMQxJsZnHYhQ8hLB8iB+HOh+pXdderu++de+d2/Ud3bt8+VdVVdU49us6pU8Hv4dFknDXoDHgMFl4AGg4vADLahLQHnYnNhBeALNqsACtNEoFeC8Dg20+bsHLMFWAfOhGIUx58GXsIWQDMHWCY/Jlgaz/6+GH09LY2jO3ZMROrlUCwfzUSAVPKI9RHZAWgFx3gvhopxHHjdlgedeJCQMAqsEpAYEi5ThmHDkGyDhAXMW4HOoRQqJ4sRDpBpfhxK9M93/bssGbeXVO2lXELIe0BzB2gK0xt0D58iKebWGhOpV7bNA1B2ZTr9TNDhqD0SqC5FZnaYFqpVduOPQVz2zTn3dwHpinb+pkthfICYEY48Kpps1JZwMxDUJzy4MvYQ/RaALY62qyMEnvt8ALQcPiVwIbDC0DD4QWg4fAC0HB4AWg4vAA0HF4AGg5vD5CPO+j8bzLK2AO4WQTYlDFtoz2A+Ql29tSxB7Crw0XeR0pIytkDuGnAzFWoZ9A+zbVr2jb221JfyX3rUx8Za4CiPYCAfjU8DmXSt+npttgu9gCm3Jmfbo9vRhilHX+PBGR7ANW1jFWnXkAdxt4+XewBTO3PLW968Qmt1gZlnrQlUEUZZFK4Drs9gEm4bP1PXHKvDjZg8JVT1x5g0PnfZHh1cMPhF4IaDi8ADYcXgIbDC0DD4QWg4fAC0HB4AWg4zhl0BoYO4QBX+euvlZbO/zn1ovelEgaZg9Cag+qqIHvMAZRcHgJCMOr6XfwDhBUoZVH1Gbb8C9YHxlTswlE1tlsJXEKViHuWFMBW/MChAPr4gUMFuRQhNCh7XPIXGGjyd7lnxBR7DZhLaBag0BIbbI1Yyn92CHAtvs5ax15JQQ86+NCoibSNonVyECaxAyU1+3TVU+Lmpc9DaKCb005LZ24G2VwGUHYSGDq0HlsoF+ms1sbdmBs4pG5ikEu6VWvA1ARd0rbXQYFe5jUw7eJcQqlp5i7QLsHmNGxdrFsXbWtBtqe7TCKrwi7idrqUgzI9gFvXWW+WGzj2Mv3KY2DsYN3SDRzCVIV5mDYPgMq452gCDQ6DzsFWfn6FuH4lsOHwAtBweAFoOLwANBxeABoOLwANhxeAhkPeHBo7Sx0c7P7A+wmXGnDRiFaLZ9sb7fqUUkgFIN4Y5eLuvVoF9A7V0rLl3K0GTK5mU21cu3RsoaeM//RlaFeugTCXS0C9OdS8hdNFo91W3OudCOjScnMNoc+/Ww3ontHOba9tl4qdlsDWA9Xbml7YoCtvDXNxp27bgq3bIOpmSWPPgS4duwt3e87dHNKrNQZF1gY5um1jecoc1f7EUErZrDDWKayDYpiyAuBeAUGJuG45MFehy/Pte/v1z7fFtgmAvQ7MDLQLgFmANAJQ7i0grYAqKosgk4Y69VD6Nj2/CtJ8V51DmJ6+L6LGI7jag4Dp+XFM9RzAlnLqu8G0vzmfy5L2AKYKkCcwpuKbM2cqoimNbNHsZl8qFtgF0FSC1ZwDidXSKbjBxN7V5Ngbt1xSdghwM6cKrS4izKNgndhu1asuh9sYXN+kzZRO9UNt7HMAJbx/gCza1hOTRg5eABoOvxTccHgBaDi8ADQcXgAaDi8ADYcXgF5jkOrsCsjbA9hg0le5FL1dU9/db9TPXWBZ7B6yshftAUwwacxdVgljjd0+hw2metTdXGXeHh5Yt7/aGayLb0p9QEgXgrLZsnv7LS42ZrdGVjv923WhGUwaO1vsQBsue1en7TRtHg2dqO4l3RSo5wA6owOzviodGqoYLYiWYzeb0vswCHHV9QUl7qqeq3q+fWfzUCJ/XkBahWVP4M4PIUGJuDHVbQu0ffN2dRcSJjbaegj3lE0+AjYZaQ+QVRRWyZrtJAG7srXu6BhkehB1DyF/q0L0phWrniD3HkPCfnkIWE0yperARQcvzL3UWDXaA7ho++3uIcxIbQHUJhXmqk8HIb13kThkUJKaDVHVoKYvUGsDQ20H7qIs1U0Ce6FsdbNarDrRdJlEAhYBHRrmusCrg2UMTde8WfArgTIaxn4vAI2HF4CGwwtAw+EFoOHwAtBwDJ8AtIZLWzbqyAuAmy7bpLIJnai6EC26m/IqNmg/CEODcu7iXdxJB0zUyE+XWEhaxnBVXdanGKETwOtAFgDzKrV5tTtu1S26ShEIk4VS9d490fVPJCG6mvjxVTWn6tnex+2o+RFHKgCyu/ciUn24zmV6QBCxf035LHPXLrr+NSYMe2fjp6ufL1sU5FNxcx/ROMS+gtMqM3u8tmmyYvZXH8fXnFw567T1OouA2FohpY/QEfB1kDUJC3L/VdCbMrgZROiNymJ63H/oTDLUObS5T5Bb/4gdAV8HqbfwbJXpHYzYT71wPVZCRxciEBbmEbEiWO2VX85Pr9zKNwBl3gLSKtbZ5NmOZDLRJxJqFwgK84gg83TVQGS2J5LdR3gkkM8LsFmqmcwu655ksZak7fIaGTjei7GKn/UrMWwGIaH2HcKjLxi2k0N997zJGD5dgMemwgtAw+EFoOHwAtBwjJIAzCYrDbN9Sf8yxqK/ywZd1N5BCMChqOI2OFQ5pUctmn4bQp6QrAXKMnGW+eR6Xhl7tpZ4XMZTXMs661zLU0oRmLXmfn9E3a95hp5uiwn35v7MT0i4JNYBQh7iSeB8pjKB01eyQ8n9w9yoSTpdJDrKXsPOomLqAks8mWEhLPMmqXLnc+HnOFiCLudQlbv9HJZ+T3GP9HuMa1lgHFhnhkc4rq0B9TNcnEnrT/60HYotQqQ1bytjsuQXC8AiAJ+Tgq9lEi8KyEl2aar3KChFIGQ8uV5XFPGrXJX5LQuA0ARMJrT8FrGQOUkE5pjX7t/VKbPGpd/5HI6xzjg7gJfxIcY1AnAKgBdV3GEUEi9pB86UbAizAORFPIB0IShmfTcfIMKTwAl+zKcM2R+LvvdqQ2wzxF7mSUkA8jgsbf8+LPVVAAchEYE5DuZ6hLQC9RW5jceS62uUedjBRQQ835DLvzTQzD2gWR0fKFIpJ2Ix+/+GD2RvpyuBXUsCJ/hxIYychRdGurxQYc8j8KuG9Cf5qvH5j5OqjA/zeEEAUhEodv4Crdx3MXfXGXM6wz9xJ/BuZpTxTwNPZ66LmGM++WwuYvbfx/NkEXBdClaxP48XAHAWz2lDXACgmaDYeoBYBOAwj2vDBKCd5F2d+85jGx+Prt6moF5CB1gAZuiwpzAE5DWpVbeZ2r0k2EJ8grcW7gn2H+V5wDsBokG/hC6gyP58AS+wpvFLydV4gWbrAeCyiPGPcxlPKeizPMUh4HFmNX2AGb/Mu5OrPNrs4kH2MwOcTcgMzzcYlMxxUMmkXZmPDmPYYAvxFoUATHEY2MvRaB61yLQgVFcGFeX7+dY4d0bf4wqarQcQTBcioHoNm5Xoql5gR+5bVUUwg2jn8hCziwXIvBcsaIYBgfkaXfx6zRBqm457IBIByLDfJABzmetip1Nk/+f4G+lXEeYu0dwDzCle88rQIR6i0u98Fd0DhPwC84VXQCES+TudXOlskzy4IfMpYjl5y4HliiH0iEVAYv8w2QPMAi/N/H6yUjdeFyEo2N/L1AUGo/bez2GZ/cMkAB4DwSjpAjwqwAtAw+EFoOHwAtBweAEYLTyW0Wc4QRaAlsPGbD1cTt50w6xSoz6X0WUX3/IPEUp/ecuGIzn6EcVzs9ry/X2gA3zeUj+d3PpCGbw2+jNjiSWW4h/Z18AWXeaAeYVt/gZviFagHuURXsyUUp37NHuBo7yYq3LKWnB/9411+3L4OW6J7orUblbo+44mv/YW4rvq48UK30Jf6HGYAFiS1N0AHQ4wQReYoJt/X6dFFzjK9RxhLyj3T3yfHcAzXGqo3aVoMWmZz3FfVgAE+4U2rSgCIfss3sBta4ViP+EneSOf5I08xB5NBc1ykENMFXR66ZGr6sNXXY5v/y8u4YdcxDPs0Gw+naFDSMA0C1o6YKB/mTNs43eU9Lj6l4HJkjUYU48m6vYs/UhBCX+U6xXPP8QUy9xPN7a3yKqD4+XUeeYqOWrJbulSaw5v4XtscIJTrPMDZYhZ5tnBjTzTh3XAp7mY73Ih3+USvqcNJdbSZ4x0ZJ26hDMc16pr4tY3qaROSLWm2yCntrb4NYc7AH8AnMebAWixlgrAE9Jq+jxzPKFVm+qwhs2Z8808xB4+w+/zeV6rMC6bZZ7DTPWF/fBi/pXf5D/4Db7BWxUqlXcBsbHUtCJ+TAcM9G2MaQxfliTG59fyOxxI0hdbZBeVT1HjGv6FV2d+f1Fh0vJ2YCewh4y9VSwAVxMbU4jvg31hwS18j//mS5ziS2wUqDH754zPDg368InEPY2qB/o2L+Vb/Drf4rfSSVCCNncS6/unFcqflH42PzfQ0zmAjHTsFfhCybqbyJUp30O8RqqV12ifn2ug2Ulg3HrVNmnj7OdG3h6ZcxSlM5TiFkfYotlmUKCb2J93AaEaI2MBWFPS384HmeE23s+H+Ts+KtEnCyIhq4Tq0lP256d+KVq5IWDNQNdRn0Gou/P0JSajsT9ny+kuAG5e+lvEQ0HZOYRgsL71x28BMVRvAROJixq1gMgovqd8gL815q4OPSA0st8+jU5FQPUGcBvv5QGuB45wHbfzfom6xCQP8VMm83HzTqLSd/myOEpISJcuYWQZrC+iLnVT5z/PzZlfNxf6kylEx9+NyjCloJt+wz4t++rTl63sF0ZaomOfIDHZkrDGBGg20P+Mj0fz/uv5OD9ThNjDJMv5uK7q4OkayxMeZdCBEpM/d4ghqiCC3h6g4fC6gIbDC0DD4QWg4fAC0HA0TwCE2lj1TtNJVLnvckjnPOXdoTse3oasAEwnFVD9NaS6f4C6aBEm27WOa60aPhu9/x8oiMBHOMA93MM7eAd38t5CTFE7D0a/zgPOi/4EbuJjhNzCLYR8jJsK8c3uK/LWDHl7hiLdFqLo6UGmR0hfA6dZ4CQPA2/l3ETtWUzEdso29MvqfYlJZugwzYJiUUU8+QRjHGe3JhfxguwN3EtxpfCVyfUZvq1YCz3BV5hihk6UjrwcbleHx6v3XaUi2bz2qnKf2c2FCBJDmXmFy8+QiUyMRJ2dqoMXolXi45zLs4V9L8OASWCBK5kEJgsCcILdwO6E/ScUKVwUfau3pz7FL/IT4Hz+T0n/CjcyxQsSnX75fvLqaP0yRLXqOct8sqtQ1YTWeDBjRVHs4YQIXpm5LuJP+TkA349vZIeAh4Hj7OYEnyhdNPcjZUyxlZ1UAqFnm8xcZzEWsTxmf1En3+J1xjz8Lz8B4Ce8XkE9xhQh0I7YX1zWHc/8qTGvuRb5nwfmGWOccaVFQYs9wCGEYrcIs7vvgC4z7GAXl3JpajMk7w0U7B9TegoKc1fVlD2mLNrQiVo/LCv7p7FM61exvyvZPOTX2r/NmYwjnGOF+K+mAxxgJzqd3jbOlC5TikuS7weBP1KE+CtA6DCmEHo/GSGpWBWbzyzwA+DnnM0ObuVRcTt7XsCznBtV3QY7K5h8YQzhZvBkekJWS6+ao3w96v6gaBcns1/FwGn+JPPrbu4zPF0lYMI1hhg8zihd4ExIo3Z+jL9Buh9yX2EOkFUWn+CDpecAN0FkhbGU1m46BMxwLs/yFQ6xwU5FF5s6Wle7XM/eVYUIcn9mquoJCxHz0ussYvaLgWBHOsoBqcHbIhMEyvbb4QF2R39F9sMCJ3gIeBQx0yhijc/wec7jXKU51pzFwcYFXMC9XMCvRP/N2K24F88BrkTdoHZxNrvYxS7gpjhEOgQI/xeiE5wZwimg2Bw9Q4dvsKDYHC3Y/wxjkW1s3guAYL9p4nYr1/GfwMUK9gM8wjQh63yELru1ln8PaVI/mHEasb+w//hwtLk+/X84F2JHblN50ctB1lJKbTWl8IxQVhs4yNdAM1p0k47/++zIac3V82517tX5F/OLZ/lj1iLDjG38NBd3lX/nSVa1tRQSJPsFDhe8kP0h85FJ3hz/nOtjDinsF2SXffkQRYd+Sv8FXh2cxR7+GviQphUvcR53R2LV4hivKohYFioByJrF2cVxU+AFoOFoni7AQ4IXgIbDC0DDkReAQ1p/4XfxtWSR9mvcNeiMe/QG8lLwv3E58FquKIT7lLQ+/gpewQ7eMOjMe9RHtge4g8sBuJw7cqHuStifrtC9XtkLnCKMPGar8D9RD2JfZhrGhahTGUXVqfrJDQeyAtACJpigqGp8lTKu6u726KPG+dH3AUuuOgqDDViKKn9JG88WwkYPOZWYaxRZ/CLN9ZZGKgCi/a+xRrEPSBc9s2pau1fbPAICh3NBxT7ZvAikmxsnNQy0hVhikjsY5w5tCrCd+UhI9GI8UkgXgsT4P4HYYPUdaR4ge7g0+bs8wl6NawIBsYh6UuEuuROt08fbpPPr9nZHrCGwzP28mUlliJA7IlOv23mPNoXTCevLnOixZRH3AJ1o/O9GOqvLK47CT5P6zFehC/xI4T8n7vR17HfF/axxv4Eqf6dwMWGZBU5zmtPQp2OpBoC4B8iqQYoqEfcewAaxhze/uTFlu579g+8BTmWGhdOjMgsQPUDa2luZCWB698vKuKq7HcscP1AcDA/TkX2OqfUva67lu5N0Ey88Rfp7uJ0xbuc9Bl/b250oIzNDiA+N0lCj79t4n4L60dwe9DQlfc+gVyfbO3+7kwVbCBs95DR3R1q6U5o2XvUkkCGFEIBTSonOdnMrtHPUVfYp4nQ4YBy/TfYEtrjDgZEUABcs8LvJm/8xvmA8MWOU0VgB8BhJeG1gw+EFoOHwAtBweAFoOLwANBxeAPLoGHUCHavGYIshKwAhGxYVUO+OhBgUnuAJI71jtFXoWC0ZthzkHmAnB6xCoEYqPC1tCh02Ik1Dh42CCMnid0RBPyKlpBJB/dbyON5VXGUonzv7XayatgTyvoIFTrKqXJLVexMOpXgh+TV9UXkB0KHNTvFsQwpH2FugCzsDXXy5BPrTOnRU2Rm1nToiK4JqAQD1iRM2AYDY2ENWCqW/NiLmYUlBJwD6+HIavWCxnhoqtl9vUagngSdZNFj16HGSxYT9i5kKCliM7u5ikZMOKehgi785GAnWCxQFQLCgvE4ujtdig8XCmRvTBCyyQYtpLRPdnjxdWQhMvgcEddEYN0sNDWG3FOQhQDf2pyH0JwoMP8ydvEA6VylP3ZLIbgyxFyxwDjmMcMn1NCajdTN1S8KrgxsOvxLYcHgBaDi8ADQcXgAaDi8ADUdeAEx7bz1GEKkAtPg0ABfyNo2vfaFn+6yG6rElEQtAi27ifvRyukomz7DIMV5H12GhOK+QPZLzBH5kk+keGsQLQcfZzZd4JSGf5VpCpTtkgRb3sNPqTLboqjj/W3aU2G+6hwZCAFp0+REXAY9wnGl+yIWKPbwhcIK7uY8NdmoOMBXhVL6qxyN36ts4w7aCP+2Qa3iMazIO19X0xxJf/Cr6OOvRB4W/bg8FhC7gauCbAFwLwDd5HVcXGDzDlUxyL7CfLu/UCoAaVwAXA7CdsxR7EYVzme2cBTyneDu5OPpcATynSH878JKI/hL/duMKIQBPAC/P3H15dE9GB7ifLjezixPsUaanN5O4UPr10cizfYrtvC8jFkX6hbwv+pjiizDbFXQPJeI5wAY7k03TS0wqnbgIJfAhpriBq5nS+sNWDQFH2Cv9ztsb9ZvuoUEsAOI8jB/xTV7OhahPDEitARaBA8pzrsLRMpgafWSPjfuzyE/Qd/j7UbF59bDB2wM0HH623HB4AWg4vAA0HF4AGo5UAGznAdSlL/DFhP5Fxbl//ab3u3yDpldE/BbwqcJ5uZ+WzgOoS7e5mes3vd/lGzS9Ms6+DOAu3lygXMELeTi6rku/jT8v0F/G+Yk2od/0fpdv0PQaEENA6vk/u23qVYqrLPL01eRo2VVt/MAQ35Z+PoV+xLeV35Z/c/zT0sY0XXwTPZsLdalLIu8qVu0M2uZKNt39uwLsQ707uG76LvHt6avcYbvGD1BvMAtL/A4zqRTpRwHYq62/+O4HuZWe7NBSbQ3LFzNPR0MPo3G3OB7n0wk1983p2wsc90C22IFW5FxS1+XPJf0Qs2eB64w5uIlbM+zvCc6pn0QGz2X+l0do7RHM6A2D9Q3Ann97XJua7AED7SY+zIfpKft7PwQsAW+i+hBQv4vX56+YQrUu3JS+KX/F8xfK0YUIZNnfgyFATAJt5wG40VeASSajqyw9exJ2qLh7PEO10THSUdLl/IeFu1+WKDZ61fqJyxdWpt8qsV/91JIQAnBMykCMY4qrLPL0dlKBbW380BDfln4+hX7Et5Xfln9T/LzzqrJ0QOr81aUuCbEOsMYVvCxHWc2c7FOX/jC/XTiM8tO8ZdPo/S7foOk1IAQA/pHncRaXRnePscxfSOHq0v+BF3JuYvP3dR7IsGcz6P0u36DpleENQhoOrw1sOLwANBxeABoOLwANhxeAhsMLQMORVQbZTucddrpHBcjawPHkal0Zui7dY+hQHALqsW7dmkK9lhvUTsFDQl4AbAxcZ91Ij90z6GBjoM6Xd4ywoq7fQ4O8AIyDkYHjjBvpwkOHHiFmgwnTgS9gN6jwKIniEDBeIRU5tjmFeu3XJkAeJaE/Mmb4Zvn+LaAPKHNewLDTPSrALwQ1HF4AGg4vAA2HF4CGwwtAw+EFoOHYugLQ9gtCvYAsAPXX2UJmCZnte77brEgOIDwqQhaAfdFn0LC1bsH+1UFncxQgC8AK8b6+QcLWuj37ewjXHiCkXfiUQ1j4U0OwVy+GMfv9HKAnkC2CVlhlRdm2AmA19ykHN/ftMfv3Gemrfg7QK8gCYOoB9iWsiT/lhGC+cKd4pEs7k74qdZn9fhDoAeS9gfUdvYfMMa88r6f4ZpAPk2W/Kg+e/X2Aaw9QH/YjnMqxv60J51EKw/QWELAafYpQsd/PAXoAeQhos0p7KDvXMOr0898eNeH9AzQcW1cX4NET/D9rwacZ5YIqyQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wNy0xNFQyMDo0OTo0MyswMDowMCNlK38AAAAldEVYdGRhdGU6bW9kaWZ5ADE5ODUtMTAtMjZUMDg6MTU6MDArMDA6MDAizFMHAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIyLTA3LTE0VDIwOjUxOjA3KzAwOjAwp3EHwQAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=)}.ui-widget-header .ui-icon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAADwCAQAAABFnnJAAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QARNs8prsAAAAHdElNRQfmBw4UMwcvFgIjAAAalUlEQVR42u2da4wlR3XHf207sQjx2iHEXuz1rrASbBIw2RlbEY9IWMS5k0ibAPI6dwcFCDg7DoSnyM7gzPiDZzFzh8T4gaNdyybI0jyy6wCxpfgOxhiZsALM7PKMQxJsZnHYhQ8hLB8iB+HOh+pXdderu++de+d2/Ud3bt8+VdVVdU49us6pU8Hv4dFknDXoDHgMFl4AGg4vADLahLQHnYnNhBeALNqsACtNEoFeC8Dg20+bsHLMFWAfOhGIUx58GXsIWQDMHWCY/Jlgaz/6+GH09LY2jO3ZMROrlUCwfzUSAVPKI9RHZAWgFx3gvhopxHHjdlgedeJCQMAqsEpAYEi5ThmHDkGyDhAXMW4HOoRQqJ4sRDpBpfhxK9M93/bssGbeXVO2lXELIe0BzB2gK0xt0D58iKebWGhOpV7bNA1B2ZTr9TNDhqD0SqC5FZnaYFqpVduOPQVz2zTn3dwHpinb+pkthfICYEY48Kpps1JZwMxDUJzy4MvYQ/RaALY62qyMEnvt8ALQcPiVwIbDC0DD4QWg4fAC0HB4AWg4vAA0HF4AGg5vD5CPO+j8bzLK2AO4WQTYlDFtoz2A+Ql29tSxB7Crw0XeR0pIytkDuGnAzFWoZ9A+zbVr2jb221JfyX3rUx8Za4CiPYCAfjU8DmXSt+npttgu9gCm3Jmfbo9vRhilHX+PBGR7ANW1jFWnXkAdxt4+XewBTO3PLW968Qmt1gZlnrQlUEUZZFK4Drs9gEm4bP1PXHKvDjZg8JVT1x5g0PnfZHh1cMPhF4IaDi8ADYcXgIbDC0DD4QWg4fAC0HB4AWg4zhl0BoYO4QBX+euvlZbO/zn1ovelEgaZg9Cag+qqIHvMAZRcHgJCMOr6XfwDhBUoZVH1Gbb8C9YHxlTswlE1tlsJXEKViHuWFMBW/MChAPr4gUMFuRQhNCh7XPIXGGjyd7lnxBR7DZhLaBag0BIbbI1Yyn92CHAtvs5ax15JQQ86+NCoibSNonVyECaxAyU1+3TVU+Lmpc9DaKCb005LZ24G2VwGUHYSGDq0HlsoF+ms1sbdmBs4pG5ikEu6VWvA1ARd0rbXQYFe5jUw7eJcQqlp5i7QLsHmNGxdrFsXbWtBtqe7TCKrwi7idrqUgzI9gFvXWW+WGzj2Mv3KY2DsYN3SDRzCVIV5mDYPgMq452gCDQ6DzsFWfn6FuH4lsOHwAtBweAFoOLwANBxeABoOLwANhxeAhkPeHBo7Sx0c7P7A+wmXGnDRiFaLZ9sb7fqUUkgFIN4Y5eLuvVoF9A7V0rLl3K0GTK5mU21cu3RsoaeM//RlaFeugTCXS0C9OdS8hdNFo91W3OudCOjScnMNoc+/Ww3ontHOba9tl4qdlsDWA9Xbml7YoCtvDXNxp27bgq3bIOpmSWPPgS4duwt3e87dHNKrNQZF1gY5um1jecoc1f7EUErZrDDWKayDYpiyAuBeAUGJuG45MFehy/Pte/v1z7fFtgmAvQ7MDLQLgFmANAJQ7i0grYAqKosgk4Y69VD6Nj2/CtJ8V51DmJ6+L6LGI7jag4Dp+XFM9RzAlnLqu8G0vzmfy5L2AKYKkCcwpuKbM2cqoimNbNHsZl8qFtgF0FSC1ZwDidXSKbjBxN7V5Ngbt1xSdghwM6cKrS4izKNgndhu1asuh9sYXN+kzZRO9UNt7HMAJbx/gCza1hOTRg5eABoOvxTccHgBaDi8ADQcXgAaDi8ADYcXgF5jkOrsCsjbA9hg0le5FL1dU9/db9TPXWBZ7B6yshftAUwwacxdVgljjd0+hw2metTdXGXeHh5Yt7/aGayLb0p9QEgXgrLZsnv7LS42ZrdGVjv923WhGUwaO1vsQBsue1en7TRtHg2dqO4l3RSo5wA6owOzviodGqoYLYiWYzeb0vswCHHV9QUl7qqeq3q+fWfzUCJ/XkBahWVP4M4PIUGJuDHVbQu0ffN2dRcSJjbaegj3lE0+AjYZaQ+QVRRWyZrtJAG7srXu6BhkehB1DyF/q0L0phWrniD3HkPCfnkIWE0yperARQcvzL3UWDXaA7ho++3uIcxIbQHUJhXmqk8HIb13kThkUJKaDVHVoKYvUGsDQ20H7qIs1U0Ce6FsdbNarDrRdJlEAhYBHRrmusCrg2UMTde8WfArgTIaxn4vAI2HF4CGwwtAw+EFoOHwAtBwDJ8AtIZLWzbqyAuAmy7bpLIJnai6EC26m/IqNmg/CEODcu7iXdxJB0zUyE+XWEhaxnBVXdanGKETwOtAFgDzKrV5tTtu1S26ShEIk4VS9d490fVPJCG6mvjxVTWn6tnex+2o+RFHKgCyu/ciUn24zmV6QBCxf035LHPXLrr+NSYMe2fjp6ufL1sU5FNxcx/ROMS+gtMqM3u8tmmyYvZXH8fXnFw567T1OouA2FohpY/QEfB1kDUJC3L/VdCbMrgZROiNymJ63H/oTDLUObS5T5Bb/4gdAV8HqbfwbJXpHYzYT71wPVZCRxciEBbmEbEiWO2VX85Pr9zKNwBl3gLSKtbZ5NmOZDLRJxJqFwgK84gg83TVQGS2J5LdR3gkkM8LsFmqmcwu655ksZak7fIaGTjei7GKn/UrMWwGIaH2HcKjLxi2k0N997zJGD5dgMemwgtAw+EFoOHwAtBwjJIAzCYrDbN9Sf8yxqK/ywZd1N5BCMChqOI2OFQ5pUctmn4bQp6QrAXKMnGW+eR6Xhl7tpZ4XMZTXMs661zLU0oRmLXmfn9E3a95hp5uiwn35v7MT0i4JNYBQh7iSeB8pjKB01eyQ8n9w9yoSTpdJDrKXsPOomLqAks8mWEhLPMmqXLnc+HnOFiCLudQlbv9HJZ+T3GP9HuMa1lgHFhnhkc4rq0B9TNcnEnrT/60HYotQqQ1bytjsuQXC8AiAJ+Tgq9lEi8KyEl2aar3KChFIGQ8uV5XFPGrXJX5LQuA0ARMJrT8FrGQOUkE5pjX7t/VKbPGpd/5HI6xzjg7gJfxIcY1AnAKgBdV3GEUEi9pB86UbAizAORFPIB0IShmfTcfIMKTwAl+zKcM2R+LvvdqQ2wzxF7mSUkA8jgsbf8+LPVVAAchEYE5DuZ6hLQC9RW5jceS62uUedjBRQQ835DLvzTQzD2gWR0fKFIpJ2Ix+/+GD2RvpyuBXUsCJ/hxIYychRdGurxQYc8j8KuG9Cf5qvH5j5OqjA/zeEEAUhEodv4Crdx3MXfXGXM6wz9xJ/BuZpTxTwNPZ66LmGM++WwuYvbfx/NkEXBdClaxP48XAHAWz2lDXACgmaDYeoBYBOAwj2vDBKCd5F2d+85jGx+Prt6moF5CB1gAZuiwpzAE5DWpVbeZ2r0k2EJ8grcW7gn2H+V5wDsBokG/hC6gyP58AS+wpvFLydV4gWbrAeCyiPGPcxlPKeizPMUh4HFmNX2AGb/Mu5OrPNrs4kH2MwOcTcgMzzcYlMxxUMmkXZmPDmPYYAvxFoUATHEY2MvRaB61yLQgVFcGFeX7+dY4d0bf4wqarQcQTBcioHoNm5Xoql5gR+5bVUUwg2jn8hCziwXIvBcsaIYBgfkaXfx6zRBqm457IBIByLDfJABzmetip1Nk/+f4G+lXEeYu0dwDzCle88rQIR6i0u98Fd0DhPwC84VXQCES+TudXOlskzy4IfMpYjl5y4HliiH0iEVAYv8w2QPMAi/N/H6yUjdeFyEo2N/L1AUGo/bez2GZ/cMkAB4DwSjpAjwqwAtAw+EFoOHwAtBweAEYLTyW0Wc4QRaAlsPGbD1cTt50w6xSoz6X0WUX3/IPEUp/ecuGIzn6EcVzs9ry/X2gA3zeUj+d3PpCGbw2+jNjiSWW4h/Z18AWXeaAeYVt/gZviFagHuURXsyUUp37NHuBo7yYq3LKWnB/9411+3L4OW6J7orUblbo+44mv/YW4rvq48UK30Jf6HGYAFiS1N0AHQ4wQReYoJt/X6dFFzjK9RxhLyj3T3yfHcAzXGqo3aVoMWmZz3FfVgAE+4U2rSgCIfss3sBta4ViP+EneSOf5I08xB5NBc1ykENMFXR66ZGr6sNXXY5v/y8u4YdcxDPs0Gw+naFDSMA0C1o6YKB/mTNs43eU9Lj6l4HJkjUYU48m6vYs/UhBCX+U6xXPP8QUy9xPN7a3yKqD4+XUeeYqOWrJbulSaw5v4XtscIJTrPMDZYhZ5tnBjTzTh3XAp7mY73Ih3+USvqcNJdbSZ4x0ZJ26hDMc16pr4tY3qaROSLWm2yCntrb4NYc7AH8AnMebAWixlgrAE9Jq+jxzPKFVm+qwhs2Z8808xB4+w+/zeV6rMC6bZZ7DTPWF/fBi/pXf5D/4Db7BWxUqlXcBsbHUtCJ+TAcM9G2MaQxfliTG59fyOxxI0hdbZBeVT1HjGv6FV2d+f1Fh0vJ2YCewh4y9VSwAVxMbU4jvg31hwS18j//mS5ziS2wUqDH754zPDg368InEPY2qB/o2L+Vb/Drf4rfSSVCCNncS6/unFcqflH42PzfQ0zmAjHTsFfhCybqbyJUp30O8RqqV12ifn2ug2Ulg3HrVNmnj7OdG3h6ZcxSlM5TiFkfYotlmUKCb2J93AaEaI2MBWFPS384HmeE23s+H+Ts+KtEnCyIhq4Tq0lP256d+KVq5IWDNQNdRn0Gou/P0JSajsT9ny+kuAG5e+lvEQ0HZOYRgsL71x28BMVRvAROJixq1gMgovqd8gL815q4OPSA0st8+jU5FQPUGcBvv5QGuB45wHbfzfom6xCQP8VMm83HzTqLSd/myOEpISJcuYWQZrC+iLnVT5z/PzZlfNxf6kylEx9+NyjCloJt+wz4t++rTl63sF0ZaomOfIDHZkrDGBGg20P+Mj0fz/uv5OD9ThNjDJMv5uK7q4OkayxMeZdCBEpM/d4ghqiCC3h6g4fC6gIbDC0DD4QWg4fAC0HA0TwCE2lj1TtNJVLnvckjnPOXdoTse3oasAEwnFVD9NaS6f4C6aBEm27WOa60aPhu9/x8oiMBHOMA93MM7eAd38t5CTFE7D0a/zgPOi/4EbuJjhNzCLYR8jJsK8c3uK/LWDHl7hiLdFqLo6UGmR0hfA6dZ4CQPA2/l3ETtWUzEdso29MvqfYlJZugwzYJiUUU8+QRjHGe3JhfxguwN3EtxpfCVyfUZvq1YCz3BV5hihk6UjrwcbleHx6v3XaUi2bz2qnKf2c2FCBJDmXmFy8+QiUyMRJ2dqoMXolXi45zLs4V9L8OASWCBK5kEJgsCcILdwO6E/ScUKVwUfau3pz7FL/IT4Hz+T0n/CjcyxQsSnX75fvLqaP0yRLXqOct8sqtQ1YTWeDBjRVHs4YQIXpm5LuJP+TkA349vZIeAh4Hj7OYEnyhdNPcjZUyxlZ1UAqFnm8xcZzEWsTxmf1En3+J1xjz8Lz8B4Ce8XkE9xhQh0I7YX1zWHc/8qTGvuRb5nwfmGWOccaVFQYs9wCGEYrcIs7vvgC4z7GAXl3JpajMk7w0U7B9TegoKc1fVlD2mLNrQiVo/LCv7p7FM61exvyvZPOTX2r/NmYwjnGOF+K+mAxxgJzqd3jbOlC5TikuS7weBP1KE+CtA6DCmEHo/GSGpWBWbzyzwA+DnnM0ObuVRcTt7XsCznBtV3QY7K5h8YQzhZvBkekJWS6+ao3w96v6gaBcns1/FwGn+JPPrbu4zPF0lYMI1hhg8zihd4ExIo3Z+jL9Buh9yX2EOkFUWn+CDpecAN0FkhbGU1m46BMxwLs/yFQ6xwU5FF5s6Wle7XM/eVYUIcn9mquoJCxHz0ussYvaLgWBHOsoBqcHbIhMEyvbb4QF2R39F9sMCJ3gIeBQx0yhijc/wec7jXKU51pzFwcYFXMC9XMCvRP/N2K24F88BrkTdoHZxNrvYxS7gpjhEOgQI/xeiE5wZwimg2Bw9Q4dvsKDYHC3Y/wxjkW1s3guAYL9p4nYr1/GfwMUK9gM8wjQh63yELru1ln8PaVI/mHEasb+w//hwtLk+/X84F2JHblN50ctB1lJKbTWl8IxQVhs4yNdAM1p0k47/++zIac3V82517tX5F/OLZ/lj1iLDjG38NBd3lX/nSVa1tRQSJPsFDhe8kP0h85FJ3hz/nOtjDinsF2SXffkQRYd+Sv8FXh2cxR7+GviQphUvcR53R2LV4hivKohYFioByJrF2cVxU+AFoOFoni7AQ4IXgIbDC0DDkReAQ1p/4XfxtWSR9mvcNeiMe/QG8lLwv3E58FquKIT7lLQ+/gpewQ7eMOjMe9RHtge4g8sBuJw7cqHuStifrtC9XtkLnCKMPGar8D9RD2JfZhrGhahTGUXVqfrJDQeyAtACJpigqGp8lTKu6u726KPG+dH3AUuuOgqDDViKKn9JG88WwkYPOZWYaxRZ/CLN9ZZGKgCi/a+xRrEPSBc9s2pau1fbPAICh3NBxT7ZvAikmxsnNQy0hVhikjsY5w5tCrCd+UhI9GI8UkgXgsT4P4HYYPUdaR4ge7g0+bs8wl6NawIBsYh6UuEuuROt08fbpPPr9nZHrCGwzP28mUlliJA7IlOv23mPNoXTCevLnOixZRH3AJ1o/O9GOqvLK47CT5P6zFehC/xI4T8n7vR17HfF/axxv4Eqf6dwMWGZBU5zmtPQp2OpBoC4B8iqQYoqEfcewAaxhze/uTFlu579g+8BTmWGhdOjMgsQPUDa2luZCWB698vKuKq7HcscP1AcDA/TkX2OqfUva67lu5N0Ey88Rfp7uJ0xbuc9Bl/b250oIzNDiA+N0lCj79t4n4L60dwe9DQlfc+gVyfbO3+7kwVbCBs95DR3R1q6U5o2XvUkkCGFEIBTSonOdnMrtHPUVfYp4nQ4YBy/TfYEtrjDgZEUABcs8LvJm/8xvmA8MWOU0VgB8BhJeG1gw+EFoOHwAtBweAFoOLwANBxeAPLoGHUCHavGYIshKwAhGxYVUO+OhBgUnuAJI71jtFXoWC0ZthzkHmAnB6xCoEYqPC1tCh02Ik1Dh42CCMnid0RBPyKlpBJB/dbyON5VXGUonzv7XayatgTyvoIFTrKqXJLVexMOpXgh+TV9UXkB0KHNTvFsQwpH2FugCzsDXXy5BPrTOnRU2Rm1nToiK4JqAQD1iRM2AYDY2ENWCqW/NiLmYUlBJwD6+HIavWCxnhoqtl9vUagngSdZNFj16HGSxYT9i5kKCliM7u5ikZMOKehgi785GAnWCxQFQLCgvE4ujtdig8XCmRvTBCyyQYtpLRPdnjxdWQhMvgcEddEYN0sNDWG3FOQhQDf2pyH0JwoMP8ydvEA6VylP3ZLIbgyxFyxwDjmMcMn1NCajdTN1S8KrgxsOvxLYcHgBaDi8ADQcXgAaDi8ADUdeAEx7bz1GEKkAtPg0ABfyNo2vfaFn+6yG6rElEQtAi27ifvRyukomz7DIMV5H12GhOK+QPZLzBH5kk+keGsQLQcfZzZd4JSGf5VpCpTtkgRb3sNPqTLboqjj/W3aU2G+6hwZCAFp0+REXAY9wnGl+yIWKPbwhcIK7uY8NdmoOMBXhVL6qxyN36ts4w7aCP+2Qa3iMazIO19X0xxJf/Cr6OOvRB4W/bg8FhC7gauCbAFwLwDd5HVcXGDzDlUxyL7CfLu/UCoAaVwAXA7CdsxR7EYVzme2cBTyneDu5OPpcATynSH878JKI/hL/duMKIQBPAC/P3H15dE9GB7ifLjezixPsUaanN5O4UPr10cizfYrtvC8jFkX6hbwv+pjiizDbFXQPJeI5wAY7k03TS0wqnbgIJfAhpriBq5nS+sNWDQFH2Cv9ztsb9ZvuoUEsAOI8jB/xTV7OhahPDEitARaBA8pzrsLRMpgafWSPjfuzyE/Qd/j7UbF59bDB2wM0HH623HB4AWg4vAA0HF4AGo5UAGznAdSlL/DFhP5Fxbl//ab3u3yDpldE/BbwqcJ5uZ+WzgOoS7e5mes3vd/lGzS9Ms6+DOAu3lygXMELeTi6rku/jT8v0F/G+Yk2od/0fpdv0PQaEENA6vk/u23qVYqrLPL01eRo2VVt/MAQ35Z+PoV+xLeV35Z/c/zT0sY0XXwTPZsLdalLIu8qVu0M2uZKNt39uwLsQ707uG76LvHt6avcYbvGD1BvMAtL/A4zqRTpRwHYq62/+O4HuZWe7NBSbQ3LFzNPR0MPo3G3OB7n0wk1983p2wsc90C22IFW5FxS1+XPJf0Qs2eB64w5uIlbM+zvCc6pn0QGz2X+l0do7RHM6A2D9Q3Ann97XJua7AED7SY+zIfpKft7PwQsAW+i+hBQv4vX56+YQrUu3JS+KX/F8xfK0YUIZNnfgyFATAJt5wG40VeASSajqyw9exJ2qLh7PEO10THSUdLl/IeFu1+WKDZ61fqJyxdWpt8qsV/91JIQAnBMykCMY4qrLPL0dlKBbW380BDfln4+hX7Et5Xfln9T/LzzqrJ0QOr81aUuCbEOsMYVvCxHWc2c7FOX/jC/XTiM8tO8ZdPo/S7foOk1IAQA/pHncRaXRnePscxfSOHq0v+BF3JuYvP3dR7IsGcz6P0u36DpleENQhoOrw1sOLwANBxeABoOLwANhxeAhsMLQMORVQbZTucddrpHBcjawPHkal0Zui7dY+hQHALqsW7dmkK9lhvUTsFDQl4AbAxcZ91Ij90z6GBjoM6Xd4ywoq7fQ4O8AIyDkYHjjBvpwkOHHiFmgwnTgS9gN6jwKIniEDBeIRU5tjmFeu3XJkAeJaE/Mmb4Zvn+LaAPKHNewLDTPSrALwQ1HF4AGg4vAA2HF4CGwwtAw+EFoOHYugLQ9gtCvYAsAPXX2UJmCZnte77brEgOIDwqQhaAfdFn0LC1bsH+1UFncxQgC8AK8b6+QcLWuj37ewjXHiCkXfiUQ1j4U0OwVy+GMfv9HKAnkC2CVlhlRdm2AmA19ykHN/ftMfv3Gemrfg7QK8gCYOoB9iWsiT/lhGC+cKd4pEs7k74qdZn9fhDoAeS9gfUdvYfMMa88r6f4ZpAPk2W/Kg+e/X2Aaw9QH/YjnMqxv60J51EKw/QWELAafYpQsd/PAXoAeQhos0p7KDvXMOr0898eNeH9AzQcW1cX4NET/D9rwacZ5YIqyQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wNy0xNFQyMDo0OTo0MyswMDowMCNlK38AAAAldEVYdGRhdGU6bW9kaWZ5ADE5ODUtMTAtMjZUMDg6MTU6MDArMDA6MDAizFMHAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIyLTA3LTE0VDIwOjUxOjA3KzAwOjAwp3EHwQAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAADwCAQAAABFnnJAAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAVbGMhkkAAAAHdElNRQfmBw4UMwcvFgIjAAAahUlEQVR42u2de4wkR33HP207sQjx2SHEPuzznbASbAKY3K6tiEckLOTMJtIlgHzO3KIAAefWgfAUuV2cXf/hPczOkhg/cHRn2QRZ2kfuHCC2FM9ijJEJJ8DsHc84JMFmD4c7+COE44/IQbjzR7+quuvV3TM7s9P1Pe3NTP+qquvx7arq+v3qV8FePJqMswadAY/BwhOg4fAEkNEmpD3oTGwmPAFEtFkBVppEgV4TYPDPT5uwcswVYB86CiQpD76MPYRMAHMHGKb/TLA9P/r4YXz3tjaM7d5JI1YrQdT8qzEFTCmPUB8hEqAXHeC+GikkcZPnsDzqxIWAgFVglYDAkHKdMg4dgnQdICli8hzoEEKhekRE6QSV4idPme7+tnuHNfPumrKtjFsIWQ9g7gBdYXoG7cNHdHdTE5pTqfdsmoYgMeV6/cyQISi9Emh+ikzPYFapVZ8dewrmZ9Ocd3MfmKVs62e2FMoTwIxw4FXTZqUywcxDUJLy4MvYQ/SaAFsdbVZGqXnt8ARoOPxKYMPhCdBweAI0HJ4ADYcnQMPhCdBweAI0HN4eIB930PnfZJSxB3CzCLApY9pGewDzHezNU8cewK4Oj/I+UiQpZw/gpgEzV6G+gfZpvrumbWt+W+oruU996iNjDVC0B4igXw1PQpn0bXq5LbaLPYApd+a72+ObEcZpJ58jAdkeQPVdxqpTL6AOY38+XewBTM+fW9709Amt1gZl7rQlUEUZZFK4Drs9gIlctv4nKblXBxsw+Mqpaw8w6PxvMrw6uOHwC0ENhydAw+EJ0HB4AjQcngANhydAw+EJ0HCcM+gMDB3CAa7y118rLZ3/c+pF70slDDIHoTUH1VVB9pgDKLk8BIRg1PW7+AcIK0jKouo9bPmPmj4wpmInR9XYbiVwCVUi7llSAFvxA4cC6OMHDhXkUoTQoOxxyV9gkMmf5e6RSOw1YC6hmUChJTbYHmIp/+IQ4Fp8nbWOvZKCHnTwoVETaRtF6+QgTGMHSql4d9VdksdLn4fQIDennZXO/BiIuQyg7CQwdHh6bKFc2FntGXdr3MAhdVMDuaRbtQZMj6BL2vY6KMjLvAZmXZxLKLXM3AXaGWxOw9bFunXRtifIdneXSWRV2Clul0s5KNMDuHWd9Wa5gWMv0688BsYO1i3dwCFMVZiHafMAqIx7jibQ4DDoHGzl+1eI61cCGw5PgIbDE6Dh8ARoODwBGg5PgIbDE6DhkDeHJs5SBwe7P/B+wqUGXDSi1eLZ9ka73qUUMgIkG6Nc3L1Xq4DeoVpatpy71YDJ1WymjWuXjh3pKZN/+jK0K9dAmMsloN4cat7C6aLRbiuu9Y4CurTcXEPo8+9WA7p7tHPba9ulYmclsPVA9bamFzboylvDXNyp27Zg6zaIulnS2HOgS8fuwt2eczeH9GqNQbFpg5zctrE8axzV/sRQStmsMNYprINimLIEcK+AoERctxyYq9Dl/va9/fr722LbCGCvA3MD2glgJpCGAOXeArIKqKKyCIQ01KmH0qfp/lWQ5bvqHMJ0932xNBnB1R4ETPdPYqrnALaUM98Npv3N+VyWtAcwVYA8gTEV35w5UxFNaYhFs5t9qZrATkBTCVZzDiRWS6fgBlPzrqbH3rjlkrJDgJs5VWh1EWEeBevEdqtedTncxuD6Jm2mdKofamOfAyjh/QOIaFtPTBo5eAI0HH4puOHwBGg4PAEaDk+AhsMToOHwBOg1BqnOroC8PYANJn2VS9HbNfXd/Ub93AWWxe4hK3vRHsAEk8bcZZUw0djtc9hgqkfdzVXm7eGBdfurvYF18U2pDwjZQpCYLbu33+Jio7g1strp364LzWDS2NliB9pw4lWdttO0eTR0krqXdFOgngPojA7M+qpsaKhitBA9OXazKb0PgxBXXV9Q4qrqvqr723c2DyUyAsiKwvIHyEcHrCfNVz5+QKbLq7aBOgtT1wVFtfu6hajj46MPyAggKgqrcNh2koBd2Vp3dAyEHkTdQ8ifqhC9eYpVd5B7j6HpJ8QhYDXNlKoDjzr4yNxLjVWjPYCLtt/uHsKMzBZAbVJhrvpsENJ7F0lCBiWlYoiqBjV9gVobqJvGgIuyVDcJ7IWy1c1qsepE02USiSEHW/AwGa8OljE0XfNmwa8EymhY83sCNB6eAA2HJ0DD4QnQcHgCNBzDR4DWsCySNgN5Arjpsk0qm9BJqgvRorspr2KD9oMwNCjnLt5NFTNRIz9dEpK0jOGquqzPMEIngNeBTADzKrV5tTt5qlt0lRQI04VS9d69qOufSEN0NfGTb9Wcqou9T3mN5QgiI4Ds7r2ITB+uc5keEMTNv6a8l7lrj7r+NSYMe2eTu6vvL1sU5FNxcx/ROCS+grMqM3u8tmmykuavPo6vOblyVu/+1ztVT4zZMvkIHQFfBwkBkqo1mUyBeGiCGvWPRNH1H/Ld83mQD0Io5nBFundAw7aA6pF5CxerTO9gxH7qheuxEjp5RIGwMI9IFMFqr/xyfnrlVr4BKPMWkFWxzibPdiSTST6RSrtAUOgHAuHuqoHIbE8ku4/wSCGfF2A7cMRkdln3JIu1NG2X18jA8VqCVfysX4lhMwgxzwE8eo5hOznUd8+bjOHTBXhsKjwBGg5PgIbDE6DhGCUCzKYrDbN9Sf8yxuJ/lw26qL1DRIBDccVtcKhySo9aNP02hDwhWQuUbcRZ5tPv88rYs7XocRlPcS3rrHMtTykpMGvN/f5Yul9zD73cFhPuzf0z3yFtpWgdIOQhngTOZ0oInL2SHUqvH+ZGTdLZItFR9jq4c86HWOJJoQlhmTdLlTufCz/HwRJyOYeq3O3nsPR7inuk32NcywLjwDozPMJxbQ2o7+HiTFp/8qftUOwoRFbztjKmS34JARYB+LwUfE1IvEiQk+zSVO9RUFIgZDz9vq4o4te4SvgtEyDSBEymsvwWsZA5iQJzzGs9GOg2vo1Lv/M5HGOdcXYAL+fDjGsIcAqAF1XcYRSSLGkHzhIxhJkAeYoHkC0EJU3fzQeI8SRwgp/waUP2x+JP/eLiNkPsZZ6UCJDHYaFQIYelvgrgIKQUmONgrkfIKlBfkdt4LP1+jTIPO7iIgOcbcvmXBpm5BzSr4wNFKuUoljT/3/BB8XK2Eti1JHCCnxTCyFl4YazLCxX2PBF+3ZD+JF8z3v9xMmX1YR4vECCjQLHzj9DKfRZzd50xpzP8E3cC72FGGf808LTwvYg55tO/zUXS/PfxPJkCrkvBqubP4wUAnMVz2hAXAGgmKLYeIKEAHOZxbZgAtJO8q3OfeWzjE/G3tyukl9ABFoAZOuwpDAF5TWrVbaZ2Lwm2EJ/kbYVrUfMf5XnAuwDiQb+ELqDY/PkCXmBN41fSb+MFma0HgMvihn+cy3hKIZ/lKQ4BjzOr6QPM+FXek37Lo80uHmQ/M8DZhMzwfINByRwHlY20S/jTYQwbbCHeqiDAFIeBvRyN51GLTEeC6sqgIr+fb41zZ/w5rpDZeoCo0SMKqF7DZiW5qhfYkftUVRHMED3n8hCziwUQ3gsWNMNAhPkaXfx6zRBqm457IKYACM1vIsCc8L3Y6RSb//P8jfSrCHOXaO4B5hSveWXkkAxR2We+iu4BQn6J+cIrYESJ/JVOrnS2SR7cIPwVsZy+5cByxRB6JBSQmn+Y7AFmgZcKv5+s1I3XRQiK5u9l6hEGo/bez2G5+YeJAB4DwSjpAjwqwBOg4fAEaDg8ARoOT4DRwmOCPsMJMgFaDhuz9XA5edMNs0qN+pygyy6+5R8ilP7lLRuO5ORHFPcVteX7+yAH+IKlfjq59YUyeF38z4wlllhKfoivgS26zAHzCtv8Dd4Yr0A9yiO8mCmlOvdp9gJHeTFX5ZS14P7um+j25fBz3BJfjVK7WaHvO5r+2luI76qPj1b4FvoiT8IEwJKk7gbocIAJusAE3fz7Oi26wFGu5wh7Qbl/4gfsAJ7hUkPtLsWLSct8nvtEAkTNH2nTihQI2ZfbWVP29PBoP+GneBOf4k08xB5NBc1ykENMFXR64tZP1R1cjm//Ly7hR1zEM+zQ+DiYoUNIwDQLWjlgkH+FM2zjd5XypPqXgcmSNZhIj6bqdlF+pKCEP8r1ivsfYopl7qeb2FuI6uBkOXWeuUqOWsQtXWrN4S18nw1OcIp1fqgMMcs8O7iRZ/qwDvg0F/M9LuR7XML3taGitfQZoxxZpy7hDMe16prk6ZtUSiekWtNtkFOv3P2GwxWAPwDO4y0AtFjLCPCEtJo+zxxPaNWmOqxhc+Z8Mw+xh8/y+3yB1ymMy2aZ5zBTfWl+eDH/ym/zH/wW3+RtCpXKu4HEWGpaET+RAwb5NsY0hi9LUsPn1/I7HEjTj7bILirvosY1/AuvEX5/SWHS8g5gJ7AHwd4qIcDVJMYU0efBvjTBLXyf/+bLnOLLbBSkSfPPGe8dGvThE6l7GlUP9B1eyrf5Tb7Ny7JJUIo2d5Lo+6cVyp9Mfja/MMizOYCMbOyN8MWSdTeRK1O+h3itVCuv1d4/94CKk8Dk6VXbpI2znxt5R2zOUWRnKMUtjrBFs82gIDc1v3xeUTGPIRkB1pTyd/AhZriND/AR/o6PSfLJAiVklVBdedb8+alfhlZuCFgzyHXSZ4jU3Xn5EpPx2J+z5XQngJuX/hbJUFB2DhE1sP7pT94CEqjeAiZSFzVqgsgovqd8kL815q6OPCA0Nr99Gp1RQPUGcBvv4wGuB45wHbfzAUm6xCQP8TMm83HzTqKyd/myOEpISJcuYWwZrC+iLnVT5z/PzcKvmwv9yRRRx9+NyzClkJt+wz5t89WXL1ubPzLSijr2CVKTLQlrTIBmA/3P+UQ877+eT/BzRYg9TLKcj+uqDp6usTzhUQYdKDH5c0c0RBUo6O0BGg6vC2g4PAEaDk+AhsMToOFoHgEitbHqnaaTqnLf7ZDOecqrQ3c8vA0iAabTCqj+GlLdP0BdtAjT7VrHtVYNn4vf/w8UKPBRDnAP9/BO3smdvK8QM6qdB+Nf5wHnxf8i3MTHCbmFWwj5ODcV4pvdV+StGfL2DEW5LUTR04Msj5G9Bk6zwEkeBt7Guanas5iI7ZRt6JfV+xKTzNBhmgXFokp05xOMcZzdmlwkC7I3cC/FlcJXpd/P8B3FWugJvsoUM3TidOTlcLs6PFm97yoVyea1V5X7zG4uRJAayswrXH6GTAgxUnV2pg5eiFeJj3Muzxb2vQwDJoEFrmQSmCwQ4AS7gd1p859QpHBR/KnenvoUv8xPgfP5P6X8q9zIFC9Idfrl+8mr4/XLENWq5yzz6a5C1SO0xoOCFUWxh4soeKXwvYg/5RcA/CC5IA4BDwPH2c0JPlm6aO5HyphiKzupFJGebVL4LmIsbvKk+Ys6+RavN+bhf/kpAD/lDQrpMaYIgXbc/MVl3XHhnxrzmu9R/ueBecYYZ1xpUdBiD3CISLFbhNndd0CXGXawi0u5NLMZkvcGRs0/pvQUFOa+VVP2mLJoQyd++mFZ2T+NCU+/qvm7ks1Dfq39O5wRHOEcK8R/DR3gADvR6fS2caZ0mTJckn4+CPyRIsRfAZEOY4pI7ycjJKNV8fGZBX4I/IKz2cGtPBpdzuYAIc9yblx1G+ysYPKFMYSbwZPpDqKWXjVH+Ubc/UHRLk5uflUDTvMnwq+7uc9wdxXBItcY0eBxRukCZ0IatfNj/A3S9ZD7CnMAUVl8gg+VngPcBLEVxlJWu9kQMMO5PMtXOcQGOxVdbOZoXe1yXbyqChHk/pmlqjssxI2XfReRNH80EOzIRjkgM3hbZIJA+fx2eIDd8b9i88MCJ3gIeJRoplHEGp/lC5zHuUpzrDmLg40LuIB7uYBfi/83Y7fiWjIHuBL1A7WLs9nFLnYBNyUhsiEg8n8RdYIzQzgFjDZHz9DhmywoNkdHzf8MY7FtbN4LQNT8ponbrVzHfwIXK5of4BGmCVnno3TZrbX8e0iT+kHBacT+wv7jw/Hm+uz/w7kQO3KbyoteDkRLKbXVlMIzQllt4CBfA81o0U07/h+wI6c1V8+71blX5z+aXzzLH7MWG2Zs42e5uKv8O0+yqq2lkCDdL3C44IXsD5mPTfLm+OdcH3NIYb8gu+zLhyg69FP6L/DqYBF7+Gvgw5qneInzuDumVYtjvLpAMREqAohmcXY6bgo8ARqO5ukCPCR4AjQcngANR54Ah7T+wu/i6+ki7de5a9AZ9+gN5KXgf+Ny4HVcUQj3aWl9/JW8kh28cdCZ96gPsQe4g8sBuJw7cqHuSps/W6F7g7IXOEUYe8xW4X/iHsS+zDSMC1GnBEXVqfrJDQdEArSACSYoqhpfrYyruro9/lPj/PjzgCVXHYXBBizFlb+kjWcLYZOHnErNNYpN/CLN9y2NjADR87/GGsU+IFv0FNW0dq+2eQQEDueCRvtk8xTINjdOahrQFmKJSe5gnDu0KcB25mOS6Gk8UsgWgqLxf4Jog9V3pXmA7OHS5O/yCHs1rgkiRIuoJxXukjvxOn2yTTq/bm93xBoCy9zPW5hUhgi5Izb1up33alM4nTZ9mRM9tiySHqATj//dWGd1ecVR+Gkyn/kqdIEfK/znJJ2+rvldcT9r3G+Qyp8ZXExYZoHTnOY09OlYqgEg6QFENUhRJeLeA9gQ7eHNb27Mml3f/IPvAU4Jw8LpUZkFRD1A9rS3hAlgdvUryriqqx3LHD9QHAwP07F9junpX9Z8l69O0k298BTl7+V2xrid9xp8bW93kozMDCE5NEojjT9v4/0K6cdye9CzlPQ9g16dbO/87U4WbCFs8pDT3B1r6U5pnvGqJ4EMKSICnFIyWuzmVmjnpKvsU8TpcMA4fpvsCWxxhwMjSQAXLPB76Zv/Mb5oPDFjlNFYAniMJLw2sOHwBGg4PAEaDk+AhsMToOHwBMijY9QJdKwagy0GkQAhGxYVUO+OhBgUnuAJo7xjtFXoWC0ZthzkHmAnB6wkUCMjT0ubQoeNWNPQYaNAIZl+RxTyI1JKKgrqt5Yn8a7iKkP53JvfxappSyDvKzjCSVaVS7J6b8KhFC8kv6YfVV4AdGizM7q3IYUj7C3IIzsDXXy5BPrTOnRS2Rm1XToiK4JqAoD6xAkbASAx9pCVQtmvjbjxsKSgI4A+vpxGL5pYLw0V26+3KNSTwJMsGqx69DjJYtr8i0IFBSzGV3exyEmHFHSwxd8cjETTRygSIGqC8jq5JF6LDRYLZ25ME7DIBi2mtY3odufpyiQw+R6IpIvGuKI0NITdUpCHAN3Yn4XQnygw/DB38hGyuUp56ZaEuDHEXrDAOeQwwiXX05iM1s3SLQmvDm44/Epgw+EJ0HB4AjQcngANhydAw5EngGnvrccIIiNAi88AcCFv1/jaj/Rsn9NIPbYkEgK06KbuRy+nq2zkGRY5xuvpOiwU5xWyR3KewI9sstxDg2Qh6Di7+TKvIuRzXEuodIccocU97LQ6ky26Ks7/lh0l9lvuoUFEgBZdfsxFwCMcZ5ofcaFiD28InOBu7mODnZoDTKNwKl/V47E79W2cYVvBn3bINTzGNYLDdbX8sdQXv0o+znr8h8Jft4cCkS7gauBbAFwLwLd4PVcXGniGK5nkXmA/Xd6lJYAaVwAXA7CdsxR7ESPnMts5C3hO8XZycfx3BfCcIv3twEti+Uv8240rIgI8AbxCuPqK+JqMDnA/XW5mFyfYo0xPbyZxofTrY7Fn+wzbeb9Ai6L8Qt4f/5niR2G2K+QeSiRzgA12ppuml5hUOnGJlMCHmOIGrmZK6w9bNQQcQdY65e2N+i330CAhQHQexo/5Fq/gQtQnBmTWAIvAAeU5V+FoGUyNPsRj4/4s9hP0Xf5+VGxePWzw9gANh58tNxyeAA2HJ0DD4QnQcGQEsJ0HUFe+wJdS+ZcU5/71W97v8g1aXhHJW8CnC+flfkY6D6Cu3OZmrt/yfpdv0PLKOPtlAHfxloLkCl7Iw/H3uvLb+POC/OWcn2oT+i3vd/kGLa+BaAjIPP+L26ZerfgmIi9fTY+WXdXGDwzxbennU+hHfFv5bfk3xz8tbUzTxTfJxVyoS10SeVexamfQNley2e7fFWAf6t3BddN3iW9PX+UO2zV+gHqDWVjidyikUpQfBWCvtv6Sqx/iVnqyQ0u1NSxfzLwcjTyMx93ieJxPJ9RcN6dvL3DSA9liB1rKuaSuy59L+iFmzwLXGXNwE7cKzd8TnFM/CQHPCf+XR2jtEczoTQPrHwB7/u1xbWqyBwyym/gIH6Gnzd/7IWAJeDPVh4D6Xbw+f8UUqnXhpvRN+Suev1BOHlFAbP4eDAHRJNB2HoCbfAWYZDL+JsrFk7BDxdXjgtQmxyhHKZfzHxaufkWS2ORV6ycpX1hZfqvU/Oq7lkREgGNSBhIcU3wTkZe30wpsa+OHhvi29PMp9CO+rfy2/Jvi551XlZUDUuevLnVJROsAa1zBy3OSVeFkn7ryh/mdwmGUn+Gtmybvd/kGLa+BiADwjzyPs7g0vnqMZf5CCldX/g+8kHNTm79v8IDQPJsh73f5Bi2vDG8Q0nB4bWDD4QnQcHgCNByeAA2HJ0DD4QnQcIjKINvpvMMu96gAWRs4nn5bV4auK/cYOhSHgHpNt25Nod6TG9ROwUNCngC2Blxn3ShP3DPoYGtAnS/vBGFFXb+HBnkCjIOxAccZN8ojDx16hJgNJkwHvoDdoMKjJIpDwHiFVOTY5hTqPb82AnmUhP7ImOGb5fu3gD6gzHkBwy73qAC/ENRweAI0HJ4ADYcnQMPhCdBweAI0HFuXAG2/INQLyASov84WMkvIbN/z3WZFcgDhUREyAfbFf4OG7emOmn910NkcBcgEWCHZ1zdI2J5u3/w9hGsPENIu/JVDWPinRtS8ehomze/nAD2BbBG0wiorymcrAFZzf+Xg5r49af59RvmqnwP0CjIBTD3AvrRpkr9yJJgvXCke6dIW0lelLje/HwR6gGHqAcTmD7Ry3/w9hWsPUB/2I5zKNX9bE86jFIbpLSBgNf4rQtX8fg7QA8jbw9us0h7KzjWMO/38p0dNeP8ADcfW1QV49AT/D5h9nErt27boAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTA3LTE0VDIwOjQ5OjQzKzAwOjAwI2UrfwAAACV0RVh0ZGF0ZTptb2RpZnkAMTk4NS0xMC0yNlQwODoxNTowMCswMDowMCLMUwcAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMDctMTRUMjA6NTE6MDcrMDA6MDCncQfBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg==)}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAADwCAQAAABFnnJAAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfmBw4UMwcvFgIjAAAYOklEQVR42u1dbYxdx1l+jhMpKsHBfLkmcbKSfzQBIUu+SyQUhGQUoWt+BBWVwLUjPhqjdarSqgjIbqy7P8Kadu+CQlIXaV05kD83u1oXpbg/WFObVKYxFu6uA6U4pWratUO35k9p/pAi4Zcf52s+3vk459y79+7OPKPde+95Z+bMzPucOWfed2ZOQogIGbtGXYCI0SISIHBEAsjogNAZdSG2EpEAIjpYArAUEgUGTYDRXz8d1H2uTdV/FCYK5DmPvo6DBImhQ0QdgiGUgDVOxyKHJX2etmOMYz83rGndNbCfvzzqruM2CnoVzZXzIUDH2Tzm9Hlacw4uArjO7lMDd87uOm6jUKX5qyihXnofCsKRd5Oy++bsquM2CnoVmygQzuvXpwepfwX79ABuJXMtEEAP4BvqPwPU74D9c3A/A8CR1qTeAJ4BBhFG3zSdBgSz34I6BQFGXccBhiT6AiR0sISjWB51MbYOkQCBI1oCA0ckQOCIBAgckQCBIxIgcEQCBI5IgMAR5wOoaUdd/q2GZux0edPIaW23G0rNploZfAyXEbbJfACXLzIv+44yBVdvADcB3Dm4crf5E22N3/EqXV1vZV72HeoMcjd/lSaul9pvSorbXVyXnvZAAgF2yGwAdT6Ar8e+XhO7+w/f+QAda9nq3qAC7wH8Q6dmE/vQyx7cObjo6XMDCfYZYBBh9I3TdD7AqMu/xSG6gwNHNAQFjkiAwBEJEDgiAQJHJEDgiAQIHJEAgePuURdg7EBIRnjuHPXLULH8dzdLPpRGGGUJyFmCVEl1yuhOOYKay7cAgshCrgqZAdlZzWqSqqh7Dlf5U9Un1lzc5Kib2q8GPrEqpN0lRXBVP/GogDl94tFAPlUwX6E+vYetDonyWe0cucTdAvYa2glEjtSA6yKWyi/eAnyrTwaJu5GSAXTwNgW476JNSkBF6oSVimfnzpJfXuYykEVuz7usnf0yEEuZAFUfAsnj6nHF8mFnvWvcT7mJR+42BfnkW7cFbJegT97uNtDkVYaBZRfnE4uX2btAN4Ptebi6WL8u2nUFuc7u8xBZF26Ku+VSCVR3cOijgO19/hrDyDgfIHBES2DgiAQIHJEAgSMSIHBEAgSOSIDAEQkQOEQCdEAY9fJol61wuPBpAR+PaL104nqNuqieVloV47N4su7yLr8UfjnXW/vjt6zMtwX49HmMjneqqnXoWFvAvjBOLmXKFq153MV0xWlSfZ9YbgXULbdPC5hiiKsSORL5tK3fXu2dBgTQ1k7Wbf7qG0b7UaA+/dxbuPuowC8PTgE69OZv0gPJOZMzBk8ALY7sCyC4fX0A73RU7z1JhbR+JSjnIpj88a7z29K7zu9Krd97zaV0efzhlHLp01feADDsdqzO5UiAqqOAsgHqeKwSIQ8+d5I+beevg7Lc9R6y7Gc/mknzGUdHK7dBUrirE4PUljOwnElsm12rpax0C6hyH+/UyMP1EObTgbpLZ87H3oX63cHzuO6dlureguwPgfa0cinTK63i6f1O5Noiwq7EJqmrNEU1Avo8QfjTry4BfHKulEecDyAif3FcfF9ARCiIpuDAEQkQOCIBAkckQOCIBAgckQCDxjYbVqnzAVywecx9qt7JDVBjiuals61OGse6K3Ywu93IZivzsT7l5zDZ7HwtjU0tca6cqYZUtsXVSz+CUBqCRGaabGE2f5W4NNKW3uaJ83Hz2D1yrhzSGGTw1NkWuIrntaevk/vIwD8DLBk6ebu/qrw1LNWYWJYuy3R1krY9DMjb15dUOMqdlzu/e2XzWKLsAVI7eNmEtlX4nKz0Rmc5V0ibS/2WQLsXb9ffQsKmRlcP4Z+zbY+ALUbZAywLfuY6RVs2+qnzBnB5+937Z9iRCD0I30PIn1yMwVzF3Bnk3mNM1C/fApaLQnEdeNrBE2wTEmyTFo4y3/RGAuzXrx1JUQJ+SoW96cubkHl3kTxmUlEqxqg7oWY4qPCcbZusIcezvTGk2X78Pr5uqinzeT4nxyhiEDMGtjREd7CMsematwqRAIEjmoIDRyRA4IgECByRAIEjEiBwjB8B2g3tgRGVoBLAz5dtc9mQl9QUo43VLRmJj3ofhLFBte3ifbaTTnCkQXlWkZOkbY1Xd8v6EnU8ljsQMgHsVmq7tTu/qttYZSmQX/MJxKWJJdKu/0gRY9WQPv9Wb1N1sfdZQoS0QYT632Qtt813aRNRm/j183LOxMrTHExlIGsJ2fXvReho8m1mtR+uL8BvdbudSelcmyO4YJWbfPau37ajukSNJ852yOsb1BpAE8QpYQl0NakwT2XwmxBhnlSmEsg0JYMvoWv7BJngCSiqP0X5wgixyUwKLidG+bx2gYPPbvZHcAGkPUfks4n4Xfnl8vi8NiICQLVRAAmjAH7GjW0A6JIfKaSrABLtRpIIZ+ceVu3zicSdMaLyBfi/MEKeFVt+HzTMTxHN0MFSVL2OcZsPMCz1RxgwbgSI2GKMny8gYksRCRA4IgECRyRA4NhJBOgWlobuUPI/gFYWDoy6qgMEgUCLmXNkgxZruxUuNXSyEF2THDXdium7ztTdmjmn4QCBpomIaDr7ZSsBf46pTDplOIdZ7koJOqsE+xkKLeWNf5561CuIoKqxPG4mSLn6fcW6sshEkr6iwr5FvXoTu+RyCV1NwzV1i6aJqEUtIpqmlqUF+HPosLWQv0SMseJdxyJGagcgLAAA/kHqHC4I3cQXcAPAj+BEcewmJpSuJLcSngPwJOvKmSy+rzHumq/g54Tfr+IpSQokOFbI1HXGhFnMCb9nMWdcv2tyZk1Kv9UStrCGSewH8LP4U0xinckhwSYA4KdQb4VRWituDbVZIsY4V7Q7d/4pnJF+S28Pz1W/qkbIcAPAdXwPr1mK38o+nzTGuM+S+lXckAig4gxEV/IZgYopTgEFBWZxSqKD2IDmhrwPrxfff4ktw368HwnutZTy9y0y1SPJy/kXUCdMLtUolqv/z/FH4uHSG7jqyOA6vqfFkYvwE5kvj5j5PCl+3JL/MXzFev7LKF3GZ3BZI0BJgVmcYnNoK5966X7dWtIZ/C0+DeDjmGHTfxfAt4TvOmYxV/xtLXL1v4z3yRS42zMDTv0qfgwAsAt3jDH2AADOsjJXD5BTADiDy8Y4CWAcAzyqfKq4D3+VfXuakT6AHoB5ADPo4QntFqB6UusuM3XvkuCK8Qp+VzuWqv8c3gfgowCQ3fS9CcD1EGoF9zjz+KHi26Qmc/UAwIFM8ZdxAG8z8i7exiKAy+ga+gA7fhgfL76p6GAC5zGFGQB3gTCDey0TSmZxilXShPBnQgsuuGL8DkOAEzgD4Emcy56jFjCdCvwJoELn973ONJ/OPicZmasHSJWeUuBtZiTeleRcL7Bf+eSaCJhBep3Lt5gJzAP4bPF73nAbSDHXoItfaxiDn9PxWSCjACCoH8UwsO0YRrmHMJck+aXK42zVDjDYYWA+SCo/TaXosqNtDtWGuW5531h7nxhiDfn880FgTzw6Pu7gLoCfFn7fqNWNNwUBOCFc6YPPPcVopqZM4Yx09SPOBwgeO8kXEFEDkQCBIxIgcEQCBI5IgJ2F1wV/hhdkArRBcC3MNoMKR0bToUUX3KSOWWH4OqtJF5Vh76IiX1HkK8x5pwT51BDkAPAlR/v00KvdboezYEcfffSLX0KbtImoS11K1/fKYYNamRnhIk3TImsGuZYZIlbomiK3e7LV0GXjzwqebCKiWdYQkgc9vduQk8aZpuls4sfg5Xmc1KijSnqFQa6tmmsy7RCtELLatZm8bxER0S1r6+bGpD4dJ4ivjm1nVjBiKUDCyyJ87GD88nCiv8n+zhsbqEvpBJSuIX/Ty1ddCiYC/SeBbhPoHTItMJ/OJNMWOazyw9SiwwZ53vx96lduwRwrrHxFS73Cnn+RiPrULi2Jojs4d1LOYbbWRi3ick7ec/gn+DY2cB2bWMN32BhdzGE/nsE7Q7ADfgv345vYi2/iAXzbGCu1pc9Y5ZB96hLexbrRXdPPXDHHWOkRqdVM+6zwsy1+0uMIAPwKgN34bQBAGxdQ9ADXtDl11yr3AGIHZ+oBzhPRBSJ6nb1CukTs1T+oHuDfCfQNAv0rtZjzf8zRA+RyWOXmHqAvlU69BfSEUqfoVarflyXZl5kWPE7H9bOrp+hmRNCbfxAEeJ4+TK/QM9lfFfXLs+JMBEj3J2ln90tV/jUi+rfs74Ymz+tnuoeX8pMOOZ++vPem4ZmKBFDddfozgE07Iv2k42oG4qcsa9EioeBQj4lhJ4Dur6uifrV6dgLw8qfpG/Qh2qAP0X/QJxT5Ma10UwOVl+qHMcgqblvlJumt7EFQlfcpv/dv1CUAHCHfI6jtGZ9XsHnK9qzSwNwooF1UnSeImYAp/tBRuiZyONTv43LPKcCNAF6gO9mD3wrdoRcYApynvp7W9/RuhcrPofwzqG3Ssl39KgVmNalrWrddTmR/lUVTed+pftcwsKRA25C6XAtwVktt7IF83cHTDcwTEVXQA2SP/YCQmn6eUg/H+QCBI/oCAkckQOCIBAgckQCBIzwCpG5jbkzTK8ZGH/PIZzd7lLDdnqqFMeF0MUaedoxYXcaMuqmbhDYRrWff142j5YtFHdWR8p8R0Rk6Qx+hjxDRJ7SUaeucz37tFkJ65CR9hoiep+eJ6DN0UktfWkI5a4e8MJ9IXYivy10x9IX8rJ1HruAGLdIivWehgEu9wyRAPyvXNGtUSbGeqZ8vRW4OOc6aun6+CD9DnC10nRazEvQZCrnseLmXok28Gcx+pEzdNuST2hq7mTeH241dTFE4q8QIG8XV855RiaMkQG7L4s+Rq7381HO4aFER0V7aT7tpN+2nvaxCFglE1Ct8+rbriyeAeQ8RorSP6BZtrBMA0iwKnQBpriuFTZYjwG/RsSxkcvEZ4O8ArOMQruOV2vcS/XvlO1ERVKQ++mPCdxEtXAcAHAIAXGd88m08bi3D/+D7AIDv44OM9ApOgAB0cAzq9hUpJoXAY87wPS3/HIA5tDCJSXZGQRtPAFgEcJzN3b7dd4JVzGA/JvAgHsSD+WF5cWiq/pY2nw4QlzXV2ylYVWj1CSc9HMzU/yr7ENfCulX9q9K6/AVF/jW8WywIPYMrWvpfQA/As3gIvPqB+/Bu5TqVeKD4PA/gV5kYfwwgXbR6AsA7mpxQ0kq/fLoAvgPg/3AX9uOTuJQeFt8X8APckzXdBh5y7LgPp1x/H0AVKXeGacwX32cYCvwLDhbf3yk5DkBVP6fAafym8Osv8bLl7BzB0q0x/hcA8C67Bc4RaZ6V+oKL35OOE15W5PJ8oet4Tpm1lW7hn06WnWO28yecBLABIPULZNLyFjCDe/AD/DMWsYGHmC623Gid33JdPMrFSJRgl3JnmM+UV34Xkas/vRHsxy1Jmqt/AUeQsNdvD5/DoSzo6gfmcR1fAHAJwCFmhyDgAv4eX8Ju3MNOx5p1bLCxB3twFnvwo9l/Ow4xx9KL6CAOgr+gJnAXJjCBCQAnldt18WToGgaO+yjgFuVzY7lHpJ7jDOu0QivsdCpkqYl6mct2XZObf6lHp7QYrmEg0XEt8KOAlWyvMP0hcLEIRM/powC/MEoC2EObygnRt0i1A+jP3ebS8+VPRxfvUZvyiRm7tbRL9Dx1LK1EBJrKghqjlY0C0v/qNnRbYAeIAfQEXaWr9IRB2qfzBa3atJuhmG0YCPLZSnLLQ5wPEDjC8wVESIgECByRAIFDJcAiawUEgNN4s3hyeBOnR13wiMFAfgh8Cw8D+Doe0eK9ptnHP49fG3XhI5pD7AFewsMAgIfxkhLrdKH+0kL3QbYX2ARlO2Zz+O+sB3FPMR/HSeibwuhps3l2YwJhTPgWUeZnfksZLa5Jo9sca8y40m4Iso+Sy9BjrXbu5VWuGC450WYxPt9sUP5tFMqvL0kKfslQcZexw908bWeMfJmkTIFm+2jm8hepRS8ac/Cr3Q4lwFtERQ+g9gFyxW3NsEKmZWGi+jcYSa/45NTvVg4yxbczInDyF7NvL1py2AyTAD1SISrAnwB85y3ndJuZr5enM6nflwClpZ6T5xZ2fXeAEmYCdIlokzZpk8bGkDs4AnAKrkMAV8iVpKs/VbtJ/ePQA2wK598k7IwgK6C8BchquMoS4CqToasHMAWxB+LTj/4ZwE3BbRi4qumVfIGVvsBk6Gocs9R29csKHt0oII0zcqUNngCbrILFJljSpEtGNbqeAUyyur3H1oYdRgB/d/A8fhGPZd+v4B+tb8zYyaj7LqAxRZwPEDiiNzBwRAIEjkiAwBEJEDgiAQJHJICKHqi2dBtCJABhwzERgzCoV0KMCtdwzSrv4dna0u0JxUpHtGGxxoneAFWSp2sbc+jRRuYI6tGGJQcQsuVNsnxFyqmOu7bnMDb3PFLnLTD+NkuvwDefSYU2Aojp9GbuFWlS5blyMBPAlN6HADap3dGjS3eISdhUSX5ah4sAqQrL37IUhEJ5rhxMBDCndxOgqorNUm7x5TYN/EPgTSzgN2rcT25iARNIFycvCDbzBAvZ0Qks4KZHDia40m8NdpI3QGP5Tn4GcIXgnwE2HNUyE2A7BPIgSK+BdFuG6A1U0cOzli7eLt2GiAQIHNESGDgiAQJHJEDgiAQIHJEAgUMlAAkvFo8IACUB2vg8AGAvnkabjZtaDi4apBHbEjkB2lgtth99GKuskmewgCt4HKse77VTzQsrigFqZYvlESZkLbZORP9EIKIvUvpyBJPxsE0b5H6niOvNo9x++cOUx2AIuVKJbhMI9EXqEeg2md5OvU7HKXXKto2Z8jvVtugwtbL/h7UF2kSHibIYaeDlZJW3ir/WTrPZDyuk7wt4FMBXAQC/DAD4Kh7Ho7igdBYzOIhjOAtgCqv4qCa34xEA9wMA9mEX9mnyfQD2YR92AbjDjE7uz/4eAXCHyX8fgA9k8g/E0Y0vUl9AG6v4L7y/OHobe3GEVXAbq7iJCazjEOsUoWynen23+j+Qfv8FZnFqC+URJmRdwQaVi6b7xG/ikrpCF4noOC0aZ93wtwD53eL6fKNhy2MwhPxL+q6A23SRbhMZHvLEyRA9hgBEZgLEMKahdAdP48PZPoFfx1+P5T59EUNAnA8QOOLTcuCIBAgckQCBIxIgcJQEcL0PoKl8Hm8U8jeY9/4NWz7s+o1aXhdZnq+Ritek8WJTuWubuWHLh12/Uctrh/TjNHE4XURrKndtNDls+bDrN2p5g5DeAh4rOgTxla2PMd9EqPLl4tWyy8b0iSW9K381h2Gkd9XfVX57+u9KL8U1pbfJxVLwta6I1BBUWoMS7Zcs5woivk98CcBR6cjg8vdJ785fjFE1fcLkBUt+fPoyF11+DgDwpLH98qPP4ZMYzCJVAnE7/MpH/OT5fbe8H6tyUn5XzZ/PDZ6/3fmTNf/m7QPts5o8f+Pvc8wZa4a7B8ChEneE/3W46OoR7BCXo9fJIRE+66Qnj7S6o1zG5yyyk/gUPoX86h8QBn0L6AN4CvVvAc27eHP59BzqdeG2/G3lKxVPteQpBUT1D+wW4HofQCkXocqXKHcZLyly8aVTJdYYOTnlqJH+Kpueq5+r/mL5q6aXby/V5flNQJc3HgVckfiQ4wrzTYQq7yDfQ6xjTE+W9K781RyGkd5Vf1f5bekJck9VVQ5A6vz5WldFxoSdbogZtSFq2PLaofw6T28Umb9B81rUpvLT9GYhf5MxYgxbPuz6jVpeM8QJIYEjegMDRyRA4IgECByRAIEjEiBwRAIEDtEZpDsdZYy7PKIGZG/gZPFtjY3dVB4xdtBvAc1Ut+bModmVmzTOIUKCSgCXAtewZpVPYk3oB3S4FChOieJANX39EQaoBJgErAqcxKRVvoZJK0EI9gkTpPnEZLgmVERUhH4LmKyRi5zankOz69dFoIiKEJ1Bo36Kj6OAESB6AwNHNAQFjkiAwBEJEDgiAQJHJEDgiAQIHNuXAJ1oEBoEZAI0t7MRuiB0h17uDpZwdOhnCQAyAY5mf6OG6+pO1b886mLuBMgEWMr+RgvX1R3VP0D49gCEjvZXDcyqJBapes00zNUfnwEGAnlG0BKWscReWwmAZeWvGma9YuXqP2qVL8dngIFBuig72Z8eiDraHx+vS/zrWnToccT8YZTDcv4YGq0NpMYTLgizmGNf1qCPDNQ45dW/xJZBvvrjM8Bg4NkD+AZzD+CTtsrVb4oXQ6WgqqDpqx6aEMAWOPXHm8DACdC8BxhWyNWtfsbQMMQZQYFj+/oCIgaC/wcZyXzt5t67NgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wNy0xNFQyMDo0OTo0MyswMDowMCNlK38AAAAldEVYdGRhdGU6bW9kaWZ5ADE5ODUtMTAtMjZUMDg6MTU6MDArMDA6MDAizFMHAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIyLTA3LTE0VDIwOjUxOjA3KzAwOjAwp3EHwQAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=)}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAADwCAMAAADYSUr5AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABEVBMVEV3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diBh/q0oAAAAWnRSTlMAWEd8IjKY4b3Ld2acsomqpVpOeudAZYVTi0aRlGNhTaBobZtzv33AvOOt5enkgY5d393gudbb0sTV1Ndi2nD+Dc6Zafg4KhYcxXnRp8iT0Niv8M2QiLC7x6vji8qEAAAAAWJLR0QAiAUdSAAAAAd0SU1FB+YHDhQzBy8WAiMAAA9rSURBVHja7V0LY9u2EQbJSKrpmJIbuUubOG69JnM2L8leXdd1bdSma+M6qbuk63r//4cM4AuHOzzEUqZoG59syUeAAO7jAbwDQFmIiIiIESCBZNtN2LL+MHIGejcvAb/+CWZAZR6WEGKBoGASQNtjpKvUBB8BYBWApwJyfvnnoCZBLZATkND2GOn0CjIC6Om8ApY5GZAB1n67Cp50zqAguf2l2zIn3kwbBbNg3kR6gbmFeK8wtwBPA4a3ADsprIk+AtjZwEzEUzoxweHHgDX4uNS7AO1Cw98Fto6b7ghFREREREREjBiX7glu2Q9KWLQG1HlP6Bk0uxHgJ6wC33wAmxCSpQ9KiaUBjACWgWY3w8WEVUAJ8ESXqvQhgyHWfnuLPcmWGZXEc7oITAFCScBg0wHcgoXNZo1obY35gMQszdejtm0BViSeFvefD+A9ZKtjQBjX/S4QEREREREREbE99HP8g65psPzegUfPAoAvp0KH3L3bx7cDsAYFSgP/Ea4eSQaexTwdXGn2CrwNsKT667eV4COIpbPCmAa8OiCJ4EhsGGXlkRPAlbhG/TxchhABfAII/BqET/dkMRWsc5M5KzM7LdDLnzWH14S8HUjYLIQwbjndb6LhGrqoF+zjlj1E4E8PlEguBwQvSKACENY63anbvgtc8vnh22RERERERETETUX/bak93YzEshvdXaTNDw0uVQWq79aAtSrwx/NsbdXSAJQu8OLUGl6dyuwOTsC6vM8byYp012+Jb6kCvrLBelERPwIvT/LWWja7J14CAnvDhdXMfAx4+Uss0z2B6QcjnG3C4eYAWzsnFsTCYUs0zh7ZEGs0wJ5qZZiUTs+32ID7dEYAawFvnplOu1iYAHsDnJdwrWQWMLsJsK6t8xV65wVgXYB0kWAXsPfyxJmDMezdHMDzWAxMmAUItkIfIIAMgiSVDUuhGRxav+Ua+ZPtrXAQuE7wHrAAnnnc8wHbfj4mIiIiIiJi1Ljcuzh3VMijspYzNutYhIuDbtk76g/8CI7+rGdg1tZaLyca08zgFNnKjn/hqzuA7RY3fcdqbdLzdHjA1bdkAKawMKJPLyFgL7MvAe7nu8skz/cD2OYzzPVq1l5fcNCcC67TN05AE266CEgs4TBvuiee4um21WkgqeDPDBukILG0kIW7gE0UvH3YUhqdEPHuWbESQLvExsM7PaipyQQWnZnP91vSiWDr9pgQxk+AkBDh/WHO6LDolDwxEoheQ5uAQvMP/vmja4jrrl9ERERExPVGesVvZBa3A3zLVdQb/jX6j2kpwLrMYnpfaXA1EFJSqFcUYlSLIWzrskDxilI1hRQFQ2Z8l0JlATq/sC6BMwLH0m2ARy90e73U34jODAKgIsGIZ6mI9U1gXARYlt85QSmRKQH4U1hiN3QsabvYWLrAGhbA8ps7NiqCHBZA9ys0dI9Gf6YjGwNIDusMTaqthI4Blg0yozF/3SZDwh+OIR/lT+0KgeUvhQG/K7MDA5yObheJ3gN9SEZIQF900T8iIiIi4mYhU35Ctn7+WxOJW0O1biobN5v6crwT8Nxgp3KVXCpmNDnz83FL5AC5uEUKQGfsSnFXOGSaKG7XICc0KsFeUUyRs1f+bRBSukVzvvu5ERe1hgtD37bFVGYrW7t1etPqSQ6TCeQTowGCBRN0r61VqA7MbTW2QVpRFGkFQsjMIAAxAMpEJ7rGHYMAWfS+ROtKQ2MBrvXuqjhd4AQm7757BzABy+XS/wSGwASIAAG7BoGgVEcHJCEJJqRqoEn4gYLLAmAK6ENVXI8BgBpotPigPP1AE/Due7u/MQi4e/cu2x7vlskBSoDS/31MgGlSIPU3bQw+SNULVXhXwWkB+0p1mO7reYCstP+WAFU+mmKritMFyi5w7x7uAkshL4F8b0/IytevJEDpf/v++24CEnJAHkmS/QSFMHB4eOgeA2BfMiD1xwSUPy0B5SCICHigzn7woDlwVA2CR0QddAIngD2iIQgBH+L5ifnitnwvXATQCuGjEqjC4+Nj0CbKLCDbn07lm+4Cpewm4LhCfSDJ4b08vwM5fkYIdSF54LflC+s7oQRMCAFgWMBc6+8hoC3u4xLE5CYtAdQCsv0SzSViMqgxdgpGn8zz9i6QN/XnTgvgBIS6AE6vxsCizdwSkJn1tcVVfgC8IxwgFhC6DVbtmZtzMJm+dQNXODDoLXD1/AAloGSgEJtDli1KdPD1GIem6xLODr2mlXY3qn9ERERExMjx8KE/PQXvvDaAbesjQabD3UflbepRI9bBdhtjz2t53p5buSa7a8tC/I60p/De12S0dUAOyds21j/LNAMz5UWe5FMU7Mgmz3daR85KRaaPP6pd8YYBebICWWkyPZtcuYJry9X1aDUolDOXtvf2VHE7x9f0McBjor9ylA61/so3b6NfujucOWYCfi9fe7hBmbzOGcpvrA3S2EL8QZyKP+L4NpdCbsjClA8mB0hW7V8sXA2E2tmv5cbgkMXJxi5S7TpWMxZtdMUJqGYHEAFPHjx9dv8BmjbKpH1nuD1eAv4Ef5avv2AFletPZBx8yNh4klPft5VrZz611/ewEdE4MIO9heSgEnaaGZsdFwH1KIAsYA/+Cg91g6T+aMoubAF/E5+Iv+sppWNiAcfEAo6JBSyM2EP2gGqQauNbUt+nlfRp28AymMexA6gxQOsXJuDJgw8/ki+7/rWnjglIoZx1auR/wGfy9U+0Y8Lo46V8h8govey/Eh85CGiiu9RoELEfgWGO8jCZikMjXiQEZIRhon+7I8IkAMmff3J3dvdfX9TyflPc7nrywrx6gnWBWsbi48daVrbfzndaCRAEao9QKtyTkkAmuR/VDdZ3AbXFSLi6hOrupDi/LIj+PIBPsf7i6Zdy+Jt/+bQlQPb/1HM+U3TOBlFzkpVN8hM/gE57E9n2DTA+eUH1p7dBUW3q0snlisDtoj0fWAkGcnEFUXQI8A0fKCIiIiJiC5jiiWnlysExy/Nc/3nJWwtV6AHeux/0aUEKK/m+wrfmE0Cu5vvw1Vdffw1foObsKf1LyD/u3IcnT+D+nSad7Ldophua+YZWpgfa4I36TTnMptMXBgP+LxcLYSHLylG0CZKBFfXGD7Xn9Y3Cv7UruprKAhYsuGnTjdiUPWRdB686j3QdMxns6MXBKkEHV8oxXsELy27ZX0mAcrXQGUr38tc0AE3At989f/7dt7o9UwHFAq/sUAKMLSNQTkahDQ+pqKYqUu1rZ2o+BhHwTK3V4QpXinUXATS85OqS9LJLIYtalbLWPzXzQ2nru+3pL2XSDLmrMCEbMszzy3VQlAFU4CnjOYEtYD7H+9XzszMVXmoCpP4CTYFRxmmwYBeJibftb2wA6V9dwWYM+Ax2JeBlm6EojPPhwE/AkfzzSP00ycrApnCILIBEr8+e7T87g5O2wBeqdbPNEUAt4PtSbmblav21gvmqxKF5uiYM0g8ODg4MAuorW30cSnwuf8iGh5VzDDg7Ux0AD4IvptPZBgdBMgZ8X48BNQNK/8IIR++o9h7q01d7cIIYUAUdoWGvmbxp9Pv44/qHGIhzDJhmZ2dncIYZoLfBTd8FHquJWd0eGrqt5nM9YSVHQPmTagbA+Gj+3G0O0NtgaRElHGMATBUwAbZr2IcAgrS89o8bP8CyR9AcYaW1vEjVSPm8ST1/kphf6yLKUaOWJpma0suaDRvd/YDt4+jVqyMkLvYUV+nzljHaYLZzMiIiIqIXpnh39Osf1BDzw+ttN2pAXABctMKPzaj747abNRjuKXXv1cLr6o6j3rUNLGGJT/iPxZkRm9t5tiz5X/YvaF1cqADqohbeaALetDmI22DzIwpNCVt6oAeoDEt1T196y79E3KsUvocqp64Ha09KDxTaKAIbN5X8dvLWXJ1l1Q1JgBwBVAh9YVRutmGOF8Yq/fXyYmHqb9u6u0gXWL+38u2tkWG5RQKK5noXbgIK0uUBTlOchvW3EZAaJlNuNJ8Y4bRBQAbL5XI4T1cr7CaAn4P0l7obg2JvCxh2ECwNoHpoptThlSbgFcpU+AvA6b3HgGGjNTroPdXiU5yJnEQYMPjpfRcQYsAhcKkVrlpw3ojnWEc6BmCp2Pzu860G6z+paVl4+dM22zCm2YqIiIiIiIhLRgE+8bIBM+LIrPWERB/s7FD9wSNePgFAKDAIKNNSnKGYperNyKBC5kaeV5nc4W1BfOeCJUO5QjYgASYFJgFVWtvm8vJI9WgGgwCczgmgwSKfDDA34w5CAN4MTAkopz/qRpYfM9zmOgMmYGbRKayxIW7y/wesRcCAFrAWAQNbwLBjAMXWx4CB7wJ8vmPLd4ERYLt+QERERETEzYb/ObLrjvS/An7+HO3dlF7KyQ36nlz1HCn8XKDnGfLipeUBisY3od9/0FUeHVbwP0mAQLuTFSszxgB9slTv1+8mjw0pnArxcyFO8dPWq0MZ0ZrP12pFJgcT+dNu34YDcz+7ksGUJ+o1Gal7m9X75k/0FcoXoHbb7zkIKL8aLdlvvl8PEkgSdaCR99VLf/+eSpdHkv2RElBagMQpvuJqXFgZu5MRAV9UaE28ozw6zMp74ALteZHB6BQOpw4Crt0gmAOcnpziYb+ajtAhKWz4P1yODfmFvD4XV/Kp+YiIiIiI3qDPB4Rkuomqq9y1vr5yCPT5gJBMt9F1lbvW11cOXn9o8XodmW6k7Cp3ra+vHAR9PuCNLqCRz5VveF7L1VbaMv1VKwOVhTP9jU5/46xfgDdd7egk6YK2X+DnHXwAXQG0clOIqFeDz8/x6nAoP09n+fUSuS0dr57ZP8Foj/jll1+E2R4hztZcXwP0TK9DVr33nDQYN4jlF0whf35CQLA9ovl1yGeV/psjYIG+g85CgO2zi0LB+i0W4rOAM1HpvzYB4S6gvn2ri4mHugiECPR2KUHyU1kycNbmD4I+H2AZ1JpBUA9idJACKrsHVesgSeung6yZ3vDjklUfaOUghr6N9b2NdpXDGNqR6etIdZXDGNqV7etKd5UjIiIiIiIiPKgdh0uTRw/y/wPD8jUkAPwElC+soPATIOg/PRw3qq8kBI9MCILmzSWTf383dkQLuPFjwE2/C0RERERERERsGsnV8QSCuyAh677RNSH/H2jMSESgrWsQQK/3VdJ/ExZA9b1S+psWUG5vL18OAtq1N1Nfg0N19rUdA7IGpv74ilf6Xx0b6GsBVf6rq39fC7jy+ve9Czj0v7ZjQABa/6tjA0EL6AKld/MbETFy/B+Oi6Z9Ft2HTwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wNy0xNFQyMDo0OTo0MyswMDowMCNlK38AAAAldEVYdGRhdGU6bW9kaWZ5ADE5ODUtMTAtMjZUMDg6MTU6MDArMDA6MDAizFMHAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIyLTA3LTE0VDIwOjUxOjA3KzAwOjAwp3EHwQAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAADwCAMAAADYSUr5AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABEVBMVEXMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAAAWt1qrAAAAWnRSTlMAWEd8IjKY4b3Ld2acsomqpVpOeudAZYVTi0aRlGNhTaBobZtzv33AvOOt5enkgY5d393gudbb0sTV1Ndi2nD+Dc6Zafg4KhYcxXnRp8iT0Niv8M2QiLC7x6vji8qEAAAAAWJLR0QAiAUdSAAAAAd0SU1FB+YHDhQzBy8WAiMAAA9rSURBVHja7V0LY9u2EQbJSKrpmJIbuUubOG69JnM2L8leXdd1bdSma+M6qbuk63r//4cM4AuHOzzEUqZoG59syUeAAO7jAbwDQFmIiIiIESCBZNtN2LL+MHIGejcvAb/+CWZAZR6WEGKBoGASQNtjpKvUBB8BYBWApwJyfvnnoCZBLZATkND2GOn0CjIC6Om8ApY5GZAB1n67Cp50zqAguf2l2zIn3kwbBbNg3kR6gbmFeK8wtwBPA4a3ADsprIk+AtjZwEzEUzoxweHHgDX4uNS7AO1Cw98Fto6b7ghFREREREREjBiX7glu2Q9KWLQG1HlP6Bk0uxHgJ6wC33wAmxCSpQ9KiaUBjACWgWY3w8WEVUAJ8ESXqvQhgyHWfnuLPcmWGZXEc7oITAFCScBg0wHcgoXNZo1obY35gMQszdejtm0BViSeFvefD+A9ZKtjQBjX/S4QEREREREREbE99HP8g65psPzegUfPAoAvp0KH3L3bx7cDsAYFSgP/Ea4eSQaexTwdXGn2CrwNsKT667eV4COIpbPCmAa8OiCJ4EhsGGXlkRPAlbhG/TxchhABfAII/BqET/dkMRWsc5M5KzM7LdDLnzWH14S8HUjYLIQwbjndb6LhGrqoF+zjlj1E4E8PlEguBwQvSKACENY63anbvgtc8vnh22RERERERETETUX/bak93YzEshvdXaTNDw0uVQWq79aAtSrwx/NsbdXSAJQu8OLUGl6dyuwOTsC6vM8byYp012+Jb6kCvrLBelERPwIvT/LWWja7J14CAnvDhdXMfAx4+Uss0z2B6QcjnG3C4eYAWzsnFsTCYUs0zh7ZEGs0wJ5qZZiUTs+32ID7dEYAawFvnplOu1iYAHsDnJdwrWQWMLsJsK6t8xV65wVgXYB0kWAXsPfyxJmDMezdHMDzWAxMmAUItkIfIIAMgiSVDUuhGRxav+Ua+ZPtrXAQuE7wHrAAnnnc8wHbfj4mIiIiIiJi1Ljcuzh3VMijspYzNutYhIuDbtk76g/8CI7+rGdg1tZaLyca08zgFNnKjn/hqzuA7RY3fcdqbdLzdHjA1bdkAKawMKJPLyFgL7MvAe7nu8skz/cD2OYzzPVq1l5fcNCcC67TN05AE266CEgs4TBvuiee4um21WkgqeDPDBukILG0kIW7gE0UvH3YUhqdEPHuWbESQLvExsM7PaipyQQWnZnP91vSiWDr9pgQxk+AkBDh/WHO6LDolDwxEoheQ5uAQvMP/vmja4jrrl9ERERExPVGesVvZBa3A3zLVdQb/jX6j2kpwLrMYnpfaXA1EFJSqFcUYlSLIWzrskDxilI1hRQFQ2Z8l0JlATq/sC6BMwLH0m2ARy90e73U34jODAKgIsGIZ6mI9U1gXARYlt85QSmRKQH4U1hiN3QsabvYWLrAGhbA8ps7NiqCHBZA9ys0dI9Gf6YjGwNIDusMTaqthI4Blg0yozF/3SZDwh+OIR/lT+0KgeUvhQG/K7MDA5yObheJ3gN9SEZIQF900T8iIiIi4mYhU35Ctn7+WxOJW0O1biobN5v6crwT8Nxgp3KVXCpmNDnz83FL5AC5uEUKQGfsSnFXOGSaKG7XICc0KsFeUUyRs1f+bRBSukVzvvu5ERe1hgtD37bFVGYrW7t1etPqSQ6TCeQTowGCBRN0r61VqA7MbTW2QVpRFGkFQsjMIAAxAMpEJ7rGHYMAWfS+ROtKQ2MBrvXuqjhd4AQm7757BzABy+XS/wSGwASIAAG7BoGgVEcHJCEJJqRqoEn4gYLLAmAK6ENVXI8BgBpotPigPP1AE/Due7u/MQi4e/cu2x7vlskBSoDS/31MgGlSIPU3bQw+SNULVXhXwWkB+0p1mO7reYCstP+WAFU+mmKritMFyi5w7x7uAkshL4F8b0/IytevJEDpf/v++24CEnJAHkmS/QSFMHB4eOgeA2BfMiD1xwSUPy0B5SCICHigzn7woDlwVA2CR0QddAIngD2iIQgBH+L5ifnitnwvXATQCuGjEqjC4+Nj0CbKLCDbn07lm+4Cpewm4LhCfSDJ4b08vwM5fkYIdSF54LflC+s7oQRMCAFgWMBc6+8hoC3u4xLE5CYtAdQCsv0SzSViMqgxdgpGn8zz9i6QN/XnTgvgBIS6AE6vxsCizdwSkJn1tcVVfgC8IxwgFhC6DVbtmZtzMJm+dQNXODDoLXD1/AAloGSgEJtDli1KdPD1GIem6xLODr2mlXY3qn9ERERExMjx8KE/PQXvvDaAbesjQabD3UflbepRI9bBdhtjz2t53p5buSa7a8tC/I60p/De12S0dUAOyds21j/LNAMz5UWe5FMU7Mgmz3daR85KRaaPP6pd8YYBebICWWkyPZtcuYJry9X1aDUolDOXtvf2VHE7x9f0McBjor9ylA61/so3b6NfujucOWYCfi9fe7hBmbzOGcpvrA3S2EL8QZyKP+L4NpdCbsjClA8mB0hW7V8sXA2E2tmv5cbgkMXJxi5S7TpWMxZtdMUJqGYHEAFPHjx9dv8BmjbKpH1nuD1eAv4Ef5avv2AFletPZBx8yNh4klPft5VrZz611/ewEdE4MIO9heSgEnaaGZsdFwH1KIAsYA/+Cg91g6T+aMoubAF/E5+Iv+sppWNiAcfEAo6JBSyM2EP2gGqQauNbUt+nlfRp28AymMexA6gxQOsXJuDJgw8/ki+7/rWnjglIoZx1auR/wGfy9U+0Y8Lo46V8h8govey/Eh85CGiiu9RoELEfgWGO8jCZikMjXiQEZIRhon+7I8IkAMmff3J3dvdfX9TyflPc7nrywrx6gnWBWsbi48daVrbfzndaCRAEao9QKtyTkkAmuR/VDdZ3AbXFSLi6hOrupDi/LIj+PIBPsf7i6Zdy+Jt/+bQlQPb/1HM+U3TOBlFzkpVN8hM/gE57E9n2DTA+eUH1p7dBUW3q0snlisDtoj0fWAkGcnEFUXQI8A0fKCIiIiJiC5jiiWnlysExy/Nc/3nJWwtV6AHeux/0aUEKK/m+wrfmE0Cu5vvw1Vdffw1foObsKf1LyD/u3IcnT+D+nSad7Ldophua+YZWpgfa4I36TTnMptMXBgP+LxcLYSHLylG0CZKBFfXGD7Xn9Y3Cv7UruprKAhYsuGnTjdiUPWRdB686j3QdMxns6MXBKkEHV8oxXsELy27ZX0mAcrXQGUr38tc0AE3At989f/7dt7o9UwHFAq/sUAKMLSNQTkahDQ+pqKYqUu1rZ2o+BhHwTK3V4QpXinUXATS85OqS9LJLIYtalbLWPzXzQ2nru+3pL2XSDLmrMCEbMszzy3VQlAFU4CnjOYEtYD7H+9XzszMVXmoCpP4CTYFRxmmwYBeJibftb2wA6V9dwWYM+Ax2JeBlm6EojPPhwE/AkfzzSP00ycrApnCILIBEr8+e7T87g5O2wBeqdbPNEUAt4PtSbmblav21gvmqxKF5uiYM0g8ODg4MAuorW30cSnwuf8iGh5VzDDg7Ux0AD4IvptPZBgdBMgZ8X48BNQNK/8IIR++o9h7q01d7cIIYUAUdoWGvmbxp9Pv44/qHGIhzDJhmZ2dncIYZoLfBTd8FHquJWd0eGrqt5nM9YSVHQPmTagbA+Gj+3G0O0NtgaRElHGMATBUwAbZr2IcAgrS89o8bP8CyR9AcYaW1vEjVSPm8ST1/kphf6yLKUaOWJpma0suaDRvd/YDt4+jVqyMkLvYUV+nzljHaYLZzMiIiIqIXpnh39Osf1BDzw+ttN2pAXABctMKPzaj747abNRjuKXXv1cLr6o6j3rUNLGGJT/iPxZkRm9t5tiz5X/YvaF1cqADqohbeaALetDmI22DzIwpNCVt6oAeoDEt1T196y79E3KsUvocqp64Ha09KDxTaKAIbN5X8dvLWXJ1l1Q1JgBwBVAh9YVRutmGOF8Yq/fXyYmHqb9u6u0gXWL+38u2tkWG5RQKK5noXbgIK0uUBTlOchvW3EZAaJlNuNJ8Y4bRBQAbL5XI4T1cr7CaAn4P0l7obg2JvCxh2ECwNoHpoptThlSbgFcpU+AvA6b3HgGGjNTroPdXiU5yJnEQYMPjpfRcQYsAhcKkVrlpw3ojnWEc6BmCp2Pzu860G6z+paVl4+dM22zCm2YqIiIiIiIhLRgE+8bIBM+LIrPWERB/s7FD9wSNePgFAKDAIKNNSnKGYperNyKBC5kaeV5nc4W1BfOeCJUO5QjYgASYFJgFVWtvm8vJI9WgGgwCczgmgwSKfDDA34w5CAN4MTAkopz/qRpYfM9zmOgMmYGbRKayxIW7y/wesRcCAFrAWAQNbwLBjAMXWx4CB7wJ8vmPLd4ERYLt+QERERETEzYb/ObLrjvS/An7+HO3dlF7KyQ36nlz1HCn8XKDnGfLipeUBisY3od9/0FUeHVbwP0mAQLuTFSszxgB9slTv1+8mjw0pnArxcyFO8dPWq0MZ0ZrP12pFJgcT+dNu34YDcz+7ksGUJ+o1Gal7m9X75k/0FcoXoHbb7zkIKL8aLdlvvl8PEkgSdaCR99VLf/+eSpdHkv2RElBagMQpvuJqXFgZu5MRAV9UaE28ozw6zMp74ALteZHB6BQOpw4Crt0gmAOcnpziYb+ajtAhKWz4P1yODfmFvD4XV/Kp+YiIiIiI3qDPB4Rkuomqq9y1vr5yCPT5gJBMt9F1lbvW11cOXn9o8XodmW6k7Cp3ra+vHAR9PuCNLqCRz5VveF7L1VbaMv1VKwOVhTP9jU5/46xfgDdd7egk6YK2X+DnHXwAXQG0clOIqFeDz8/x6nAoP09n+fUSuS0dr57ZP8Foj/jll1+E2R4hztZcXwP0TK9DVr33nDQYN4jlF0whf35CQLA9ovl1yGeV/psjYIG+g85CgO2zi0LB+i0W4rOAM1HpvzYB4S6gvn2ri4mHugiECPR2KUHyU1kycNbmD4I+H2AZ1JpBUA9idJACKrsHVesgSeung6yZ3vDjklUfaOUghr6N9b2NdpXDGNqR6etIdZXDGNqV7etKd5UjIiIiIiIiPKgdh0uTRw/y/wPD8jUkAPwElC+soPATIOg/PRw3qq8kBI9MCILmzSWTf383dkQLuPFjwE2/C0RERERERERsGsnV8QSCuyAh677RNSH/H2jMSESgrWsQQK/3VdJ/ExZA9b1S+psWUG5vL18OAtq1N1Nfg0N19rUdA7IGpv74ilf6Xx0b6GsBVf6rq39fC7jy+ve9Czj0v7ZjQABa/6tjA0EL6AKld/MbETFy/B+Oi6Z9Ft2HTwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wNy0xNFQyMDo0OTo0MyswMDowMCNlK38AAAAldEVYdGRhdGU6bW9kaWZ5ADE5ODUtMTAtMjZUMDg6MTU6MDArMDA6MDAizFMHAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIyLTA3LTE0VDIwOjUxOjA3KzAwOjAwp3EHwQAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=)}.ui-button .ui-icon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAADwCAQAAABFnnJAAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAd2Tsx60AAAAHdElNRQfmBw4UMwcvFgIjAAAaqklEQVR42u2de5BlRX3HPwdIKGNYiDGwwrJbUolgopidgUr5SJWURe4kVZuoxZK7Y0WNkh2iUdEyOyOZ4Q9mxbljgixIapcCY1E1j+wSNVAV7oiIhXFLxdn1GfISHCTu6h8xrn+kiCUnf5xX9zn9OufcO/fOPf2dunPPPb/uPt39+/Xj9O/Xvw6m8Wgyzhp0BjwGCy8ADYcXABltQtqDzsRmwguAiDYrwEqTRKDXAjD49tMmrBxzBdiHTgSSlAdfxh5CFgBzBximfybY2o8+fhg/va0NY3t2wsRqJYjYvxqLgCnlEeojRAHoRQe4r0YKSdykHZZHnbgQELAKrBIQGFKuU8ahQ5CuAyRFTNqBDiEUqkdElE5QKX7SynTPtz07rJl315RtZdxCyHoAcwfoClMbtA8f0dNNLDSnUq9tmoYgMeV6/cyQISi9EmhuRaY2mFVq1bZjT8HcNs15N/eBWcq2fmZL4ZzSMWzM01dN/S7TnsIqpv4rcIirGwLFlEeG/VV6gNFGm5VRYq8dXgAaDr8S2HB4AWg4vAA0HF4AGg4vAA2HF4CGwwtAw+HtAfJxB53/TUYZewA3iwCbMqZttAcwP8HOnjr2AHZ1eJT3kRKScvYAbhowcxXqGbRPc+2ato39ttRXct/61EfGGqBoDxBBvxqehDLp2/R0W2wXewBT7sxPt8c3I4zTTr5HArI9gOpaxqpTL6AOY2+fLvYApvbnlje9+IRWa4MyT9oSqKIMarNibGPDbA9gEi5b/5OUPBwlfWGvtYGDrxyTeLrEHXT+NxleHdxw+IWghsMLQMPhBaDh8ALQcHgBaDi8ADQcXgAajvIbQ0Yd4QBX+euvlZbO/zn1ovelEgaZg9Cag+qqIHvMAZRcHgJCMOr6XfwDhBUoZVH1Gbb8R6wPjKnYhaNqbLcSuIQqEfcsKYCt+IFDAfTxA4cKcilCaFD2uOQvMNDk73LPSCj2GjCX0CxAoSU22BqxlH9xCHAtvs5ax15JQQ86+NCoibSNonVyEKaxAyVVfLrqKUnz0uchNNDNaWelMzcDMZcBlJ0Ehg6txxbKRTqrtXE35gYOqZsY5JJu1RowNUGXtO11UKCXeQ3MujiXUGqauQu0S7A5DVsX69ZF21qQ7ekuk8iqsIu4nS7loEwP4NZ11pvlBo69TL/yGBg7WLd0A4cwVWEeps0DoDLuOZpAg8Ogc7CVn18hrl8JbDi8ADQcXgAaDi8ADYcXgIbDC0DD4QWg4ZA3hybOUgcHuz/wfsKlBlw0otXi2fZGuz6lFDIBSDZGubh7r1YBvUO1tGw5d6sBk6vZTBvXLh070lMmf/oytCvXQJjLJaDeHGrewumi0W4r7vVOBHRpubmG0OffrQZ0z2jntte2S8XOSmDrgeptTS9s0JW3hrm4U7dtwdZtEHWzpLHnQJeO3YW7PeduDunVGoMia4Mc3baxvG30RRxKKZsVxjqFdVAMU1YA3CsgKBHXLQfmKnR5vn1vv/75ttg2AbDXgZmBdgFoW5xZKwWg3FtAVgFVVBaBkIY69VD6Nj2/CrJ8V51DmJ6+L6YmI7jag4Dp+UlM9RzAlnLmu8G0vzmfy5L2AKYKkCcwpuKbM2cqoikNsWh2sy8VC+wCaCrBas6BRL+c5pvYu5oee+OWS8oOAW7mVKHVRYR5FKwT26161eVwG4Prm7SZ0ql+qI19DqCE9w8gwiyAIwkvAA2HXwpuOLwANBxeABoOLwANhxeAhsMLQK8xSHV2BeTtAWww6atcit6uqe/uN+rnLrAsdg9Z2Yv2ACaYNOYuq4SJxm6fwwZTPepurjJvDw+s21/tDNbFN6U+IGQLQWK27N5+i4uN4tbIaqd/uy40g0ljZ4sdaMOJd3XaTtPm0dCJ6l7STYF6DqAzOjDrq7KhoYrRQtRy7GZTeh8GIa66vqDEXdVzVc+372weSmQCICsKyx8gHx2wnrCvfPyATJdXbQN1FqauC4pqz3ULUcfHRx+QCYCoKKwiw7aTBOzK1rqjYyD0IOoeQv5WhehNK1Y9Qe49hqafEIeA1TRTqg486uAjcy81Vo32AC7afrt7CDMyWwC1SYW56rNBSO9dJAkZlKSKIaoa1PQFam2gbhoDLspS3SSwF8pWN6vFqhNNl0kkhhxswcNkvDpYxtB0zZsFvxIoo2Hs9wLQeHgBaDi8ADQcXgAaDi8ADcfwCUBrWBZJm4G8ALjpsk0qm9CJqgvRorspr2KD9oMwNCjnLt5NFTNRIz9dEiFpGcNVdVmfYYROAK8DWQDMq9Tm1e6kVbfoKkUgTBdK1Xv3oq5/Ig3R1cRPrqo5VRd7n/IayxFEJgCyu/ciMn24zmV6QBCzf035LHPXHnX9a0wY9s4mT1c/X7YoyKfi5j6icUh8BWdVZvZ4bdNkJeyvPo6vOblyVu/+1ztVT4zZMvoIHQFfB4kAJFVrMpkC8dAENeofiaLrP+Sn5/MgH4RQzOGK9OyAhm0B1SPzFi5Wmd7BiP3UC9djJXT0SATCwjwiUQSrvfLL+emVW/kGoMxbQFbFOps825FMJvpESu0CQaEfCISnqwYisz2R7D7CI4V8XoDtwBGT2WXdkyzW0rRdXiMDx3sJVvGzfiXyC0Gmzltug/1pR+Y5QB2s+pavwrCdHOqZtMkYPl2Ax6bCC0DD4QWg4fAC0HCMkgDMpisNs31J/zLG4r/LBl3U3iESgMNxxW1wuHJKj1o0/TaEPCFZC5Rl4izz6fW8MvZsLfG4jKe4lnXWuZanlCIwa839/pi6X/MMPd0WE+7N/ZmfkHIp2hgS8hBPAuczJQTOXskOp/ePcKMm6WyR6Bh7DTuLiqlHWOJJgYWwzFukyp3PhZ/jYAm6nENV7vZzRPo9xT3S7zGuZYFxYJ0ZHuGEtgbUz3BxJq0/+dN2KHYUIqt5WxnTJb9EABYB+LwUfE1IvCggz7BLU73HQCkCIePp9bqiiF/jKuG3LACRJmAypeW3iIXMSSIwx7zWg4Fu49u49DufwzHWGWcH8Ao+zLhGAE4B8JKKO4xCkiXtwJkihjALQF7EA8gWghLWd/MBYjwJnOTHfNqQ/bH4e682xDZD7GWelAQgjyNCoUKOSH0VwEFIRWCOg7keIatAfUVu47H0+hplHnZwEQEvNOTyLww0cw9oVscHilTKiVjC/r/mg+LtbCWwa0ngJD8uhJGz8OJYlxcq7Hki/Koh/Um+Znz+42TK6iM8XhCATASKnX+EVu67mLvrjDmd4R+5E3gvM8r4p4Gnhesi5phPP5uLhP338QJZBFyXglXsz+NFAJzF89oQFwBoJii2HiARATjC49owAWgneVfnvvPYxifiq3coqJfQARaAGTrsKQwBeU1q1W2mdi8JthCf5O2FexH7j/EC4N0A8aBfQhdQZH++gBdY0/il9Gq8QLP1AHBZzPjHuYynFPRZnuIw8Dizmj7AjF/mvelVHm128SD7mQHOJmSGFxoMSuY4qGTSLuGjwxg22EK8TSEAUxwB9nIsnkctEm8Lr64MKsr3C61x7oy/xxU0Ww8QMT0SAdVr2KxEV/UCO3LfqiqCGaJ2Lg8xu1gA4b1gQTMMRJiv0cWv1wyhtum4B2IRAIH9JgGYE66LnU6R/Z/nr6VfRZi7RHMPMKd4zStDh2SIyr7zVXQPEPILzBdeASORyN/p5Epnm+TBDcKniOX0LQeWK4bQIxEBif3D5CBiFni58PvJSt14XYSgYH8vU48wGLX3fo7I7B8mAfAYCEZJF+BRAV4AGg4vAA2HF4CGwwvAaOExQZ/hBFkAWg4bs/VwOXnTDbNKjfqcoMsuvuUfJpT+8pYNR3P0o4rnitry/X2gA3zBUj+d3PpCGbw+/jNjiSWWkh/ia2CLLnPAvMI2f4M3xStQj/IIL2VKqc59mr3AMV7KVTllLbi/+ya6fTn8HLfGd6PUblHo+46lv/YW4rvq46MVvoW+0JMwAbAkqbsBOhxggi4wQTf/vk6LLnCM6znKXlDun/g+O4BnudRQu0vxYtIyn+c+UQAi9kfatKIIhOzL7awpe3p4tJ/wU7yZT/FmHmKPpoJmOchhpgo6PXHrp+oJLse3/xeX8EMu4ll2aHwczNAhJGCaBS0dMNC/whm28TtKelL9y8BkyRpMqMdSdbtIP1pQwh/jesXzDzPFMvfTTewtRHVwspw6z1wlRy3ili615vBWvscGJznFOj9Qhphlnh3cyLN9WAd8mov5LhfyXS7he9pQ0Vr6jJGOrFOXcIYTWnVN0vomldQJqdZ0G+TU1ha/5nAH4PeB83grAC3WMgF4QlpNn2eOJ7RqUx3WsDlzvoWH2MNn+T2+wOsVxmWzzHOEqb6wH17Kv/Cb/Ae/wTd5u0Kl8h4gMZZSLZAmdMBA38aYxvBlSWJ8fi2/w4E0/WiL7CLuy7TX8M+8Vvj9JYVJyzuBncAeBHurRACuJjGmiL4P9oUFt/I9/psvc4ovs1GgJuyfMz47NOjDJ1L3NKoe6Du8nG/z63yb38omQSna3Emi759WKH8y+tn83EDP5gAysrE3whdL1t1Erkz5HuJ1Uq28Tvv8XAMVJ4FJ61XbpI2znxt5Z2zOUZTOUIpbHGGLZptBgW5iv3xeUTGPIZkArCnp7+RDzHA7H+Aj/C0fk+iTBZGQVUJ16Rn781O/DK3cELBmoOuozxKpu/P0JSbjsT9ny+kuAG5e+lskQ0HZOUTEYH3rT94CEqjeAiZSFzVqAZFRfE/5IH9jzF0dekBoZL99Gp2JgOoN4HZu4gGuB45yHXfwAYm6xCQP8VMm83HzTqKyd/myOEZISJcuYWwZrC+iLnVT5z/PLcKvWwr9yRRRx9+NyzCloJt+wz4t++rTl63sj4y0oo59gtRkS8IaE6DZQP8zPhHP+6/nE/xMEWIPkyzn47qqg6drLE94lEEHSkz+3BENUQUR9PYADYfXBTQcXgAaDi8ADYcXgIajeQIQqY1V7zSdVJX7Hod0zlPeHbrj4W0QBWA6rYDqrwbV/QPURYsw3a51QmvV8Ln4/f9AQQQ+ygHu4R7exbu4k5sKMaPaeTD+dR5wXvwX4WY+Tsit3ErIx7m5EN/sviJvzZC3ZyjSbSGKnh5keozsNXCaBZ7hYeDtnJuqPYuJ2E7Zhn5ZvS8xyQwdpllQLKpETz7JGCfYrclFsiB7A/dSXCl8dXp9hu8o1kJP8lWmmKETpyMvh9vV4cnqfVepSDavvarcZ3ZzIYLUUGZe4fIzZEKIkaqzM3XwQrxKfIJzea6w72UYMAkscCWTwGRBAE6yG9idsv+kIoWL4m/19tSn+EV+ApzP/ynpX+VGpnhRqtMv309eHa9fhqhWPWeZT3cVqprQGg8KVhTFHi4SwSuF6yL+hJ8D8P3khjgEPAycYDcn+WTporkfKWOKreykUkR6tknhWsRYzPKE/UWdfIs3GPPwv/wEgJ/wRgX1OFOEQDtmf3FZd1z4U2Necx3lfx6YZ4xxxpUWBS32AIeJFLtFmN19B3SZYQe7uJRLM5sheW9gxP4xpaegMHdVTdljyqINnbj1w7KyfxoTWr+K/V3J5iG/1v4dzgiOcI4X4r+WDnCAneh0ets4U7pMGS5Jvx8E/lAR4i+BSIcxRaT3kxGSiVWx+cwCPwB+ztns4DYejW5nc4CQ5zg3rroNdlYw+cIYws3gyfQEUUuvmqN8I+7+oGgXJ7NfxcBp/lj4dTf3GZ6uErDINUY0eJxRusCZkEbt/Bh/g3Q/5L7CHEBUFp/kQ6XnADdDbIWxlNVuNgTMcC7P8VUOs8FORRebOYhWu4q2OZMOcn9mquoJCzHzsmsRCfujgWBHNsoBmcHbIhMEyvbb4QF2x39F9sMCJ3kIeJRoplHEGp/lC5zHuUpzrDmLg40LuIB7uYBfif+bsVtxL5kDXIm6Qe3ibHaxi13AzUmIbAiI/F9EneDMEE4Bo83RM3T4JguKzdER+59lLLaNzXsBiNhvmrjdxnX8J3Cxgv0AjzBNyDofpctureXfQ5rUDwpOI/YX9h8fiTfXZ/+P5ELsyG0qL3o5EC2l1FZTCs8IZbWBg3wNNKNFN+34v8+OnNZcPe9W516d/2h+8Rx/xFpsmLGNn+birvLvPMmqtpZCgnS/wJGCF7I/YD42yZvjn3J9zGGF/YLssi8foujQT+m/wKuDRezhr4APa1rxEudxdyxWLY7zmoKIiVAJgGgWZxfHTYEXgIajeboADwleABoOLwANR14ADmv9hd/F19NF2q9z16Az7tEbyEvB/8rlwOu5ohDu09L6+Kt4FTt406Az71EfYg9wiMsBuJxDuVB3pezPVujeqOwFThHGHrNV+J+4B7EvMw3jQtQpQVF1qn5ywwFRAFrABBMUVY2vUcZV3d0ef9Q4P/4+YMlVR2GwAUtx5S9p49lC2Oghp1JzjSKLX6K53tLIBCBq/2usUewDskVPUU1r92qbR0DgcC5otE82LwLZ5sZJDQNtIZaY5BDjHNKmANuZj4VEL8YjhUwAWvH/lvCrCNuJocdAsy0seUoXeEZB6aTfUf+QX7ef1FzLd5eZiN0vqOiHuIkT3MQhTQqgc/Q+skgEoBOP/91YZ3V5xVH4aTKf+Sp0gR8p/Ocknb6O/a64nzXuN1Dl7wwuJiyzwGlOcxr6dCzVAJAsBYtqkKJKRPZxW8fjbbSHN7+5MWO7nv12V8whsMz9vJVJZYiQQ7Gx5x28T5vC6bTzz4c4JQwLp0dlFhD1AFlrbwmdf3b3K8q4qrsdyxw/UBwMD9OxfY6p9S9rruW7k3RTLzxF+vu4gzHu4H0GX9vbnSgjM0NIDo3SUOPv23m/gvqx3B70LCV9z6BXJ9s7f7uTBVsIGz3kNHfHWrpTmjZe9SSQIUUkAKeUEi12cyu0c9RV9inidDhgHL9N9gS2uMOBkRQAFyzwu+mb/3G+aDwxY5TRWAHwGEl4bWDD4QWg4fAC0HB4AWg4vAA0HF4A8uhYvPlvMQcQNogCELJhUQH17kiIQeEJnjDSO0ZbhY7VkmHLQe4BdnLAKgRqZMLT0qbQYSPWNHTYKIiQLH5HFfSjUkoqEdRvLU/iXcVVhvK5s9/FqmlLIO8rOMIzrCqXZPXehEMpXkh+TT+qvADo0GZn9GxDCkfZW6BHRyDo4ssl0J/WoaPKzqjt1BFZEVQLAKhPnLAJABD7GZGVQtmvjZh5WFLQCYA+vpxGL1isp4aK7ddbFOpJ4DMsKg8cseEZFlP2LwoVFLAY393FotIeKJ+CDrb4m4ORYH2EogBELCivIkjitdhgsXDmxjQBi2zQYlrLRLcnT1cWApPvgYi6aIwrUkND2C0FeQjQjf1ZCP2JAsMPcycfIZurlKduSYgbQ+wFC5xDDiNccj2NyWjdTN2S8OrghsOvBDYcXgAaDi8ADYcXgIbDC0DDkRcA095bjxGEuDn0MwBcyDs0W0MjPdvntBtHPbYgEgFo0U3dj15OV8nkGRY5zhvoOiwU5xWyR3OewI9uMt1Dg2Qh6AS7+TKvJuRzXEuodIccocU97LQ6ky26Ks7/lh0l9pvuoUEkAC26/IiLgEc4wTQ/5ELFHt4QOMnd3McGOzUHmEbhVL6qx2N36ts4w7aCP+2Qa3iMawSH62r6Y6kvfhV9nPX4g8Jft4cCkS7gauBbAFwLwLd4A1cXGDzDlUxyL7CfLu/WCoAaVwAXA7CdsxR7ESPnMts5C3he8XZycfy5Anhekf524GUx/WX+7cYVkQA8AbxSuPvK+J6MDnA/XW5hFyfZo0xPbyZxofTrY7Fn+wzbeb8gFkX6hbw//pjiR2G2K+geSiRzgA12ppuml5jMnzIPJErgw0xxA1czpfWHrRoCjrJX+p23N+o33UODRACi8zB+xLd4JReiPjEgswZYBA4oz7kKR8tgavQhHhv3p7GfoH/j70bF5tXDBm8P0HD42XLD4QWg4fAC0HB4AWg4MgGwnQdQl77Al1L6lxTn/vWb3u/yDZpeEclbwKcL5+V+RjoPoC7d5mau3/R+l2/Q9Mo4+3UAd/HWAuUKXszD8XVd+u38WYH+Cs5PtQn9pve7fIOm10A0BGSe/8VtU69RXInI01fTo2VXtfEDQ3xb+vkU+hHfVn5b/s3xT0sb03TxTXQxF+pSl0TeVazaGbTNlWy2+3cF2Id6d3Dd9F3i29NXucN2jR+g3mAWlvgdCqkU6ZGr/b3a+kvufojb6MkOLdXWsHwx83Q09DAed4vjcT6dUHPfnL69wEkPZIsdaEXOJXVd/lzSDzF7FrjOmIObuU1gf09wTv0kBDwv/C+P0NojmNEbBusbgD3/9rg2NdkDBtrNfISP0FP2934IWALeQvUhoH4Xr89fMYVqXbgpfVP+iucvlKNHIiCyvwdDQDQJtJ0H4EZfASaZjK9EungSdqi4e0Kg2ugY6Sjpcv7Dwt2vSBQbvWr9JOULK9Nvk9ivfmpJRAJwXMpAguOKKxF5ejutwLY2fmiIb0s/n0I/4tvKb8u/KX7eeVVZOiB1/upSl0S0DrDGFbwiR1kVTvapS3+Y3y4cRvkZ3rZp9H6Xb9D0GogEAP6BF3AWl8Z3j7PMn0vh6tL/nhdzbmrz9w0eENizGfR+l2/Q9MrwBiENh9cGNhxeABoOLwANhxeAhsMLQMPhBaDhEJVBttN5h53uUQGyNnA8vVpXhq5L9xg6FIeAeqxbt6ZQr+UGtVPwkJAXABsD11k30hP3DDrYGKjz5Z0grKjr99AgLwDjYGTgOONGeuShQ48Qs8GE6cAXsBtUeJREcQgYr5CKHNucQr32axMgj5LQHxkzfLN8/xbQB5Q5L2DY6R4V4BeCGg4vAA2HF4CGwwtAw+EFoOHwAtBwbF0BaPsFoV5AFoD662whs4TM9j3fbVYkBxAeFSELwL74M2jYWnfE/tVBZ3MUIAvACsm+vkHC1ro9+3sI1x4gpF34lENY+FMjYq9eDBP2+zlATyBbBK2wyoqybQXAau5TDm7u2xP27zPSV/0coFeQBcDUA+xLWZN8ygnBfOFO8UiXtpC+KnWZ/X4Q6AGGqQcQ2R9o6Z79PYVrD1Af9iOcyrG/rQnnUQrD9BYQsBp/ilCx388BegB5e3ibVdpD2bmGcaef//aoCe8foOHYuroAj57g/wHmpJtAXtQQ0AAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wNy0xNFQyMDo0OTo0MyswMDowMCNlK38AAAAldEVYdGRhdGU6bW9kaWZ5ADE5ODUtMTAtMjZUMDg6MTU6MDArMDA6MDAizFMHAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIyLTA3LTE0VDIwOjUxOjA3KzAwOjAwp3EHwQAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=)}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;-ms-filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(data:image/gif;base64,R0lGODlhIAAgAPUAAP///wAAAPr6+sTExOjo6PDw8NDQ0H5+fpqamvb29ubm5vz8/JKSkoaGhuLi4ri4uKCgoOzs7K6urtzc3D4+PlZWVmBgYHx8fKioqO7u7kpKSmxsbAwMDAAAAM7OzsjIyNjY2CwsLF5eXh4eHkxMTLCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAAKAAEALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQACgACACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAAKAAMALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQACgAEACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAAKAAUALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAAKAAYALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkEAAoABwAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkEAAoACAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQACgAJACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAAKAAoALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAAKAAsALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(/static/media/fonts/slick.ced611da.eot);
    src: url(/static/media/fonts/slick.ced611da.eot?#iefix) format('embedded-opentype'), url(/static/media/fonts/slick.b7c9e1e4.woff) format('woff'), url(/static/media/fonts/slick.d41f55a7.ttf) format('truetype'), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtZXRhZGF0YT5HZW5lcmF0ZWQgYnkgRm9udGFzdGljLm1lPC9tZXRhZGF0YT4KPGRlZnM+Cjxmb250IGlkPSJzbGljayIgaG9yaXotYWR2LXg9IjUxMiI+Cjxmb250LWZhY2UgZm9udC1mYW1pbHk9InNsaWNrIiB1bml0cy1wZXItZW09IjUxMiIgYXNjZW50PSI0ODAiIGRlc2NlbnQ9Ii0zMiIvPgo8bWlzc2luZy1nbHlwaCBob3Jpei1hZHYteD0iNTEyIiAvPgoKPGdseXBoIHVuaWNvZGU9IiYjODU5NDsiIGQ9Ik0yNDEgMTEzbDEzMCAxMzBjNCA0IDYgOCA2IDEzIDAgNS0yIDktNiAxM2wtMTMwIDEzMGMtMyAzLTcgNS0xMiA1LTUgMC0xMC0yLTEzLTVsLTI5LTMwYy00LTMtNi03LTYtMTIgMC01IDItMTAgNi0xM2w4Ny04OC04Ny04OGMtNC0zLTYtOC02LTEzIDAtNSAyLTkgNi0xMmwyOS0zMGMzLTMgOC01IDEzLTUgNSAwIDkgMiAxMiA1eiBtMjM0IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODU5MjsiIGQ9Ik0yOTYgMTEzbDI5IDMwYzQgMyA2IDcgNiAxMiAwIDUtMiAxMC02IDEzbC04NyA4OCA4NyA4OGM0IDMgNiA4IDYgMTMgMCA1LTIgOS02IDEybC0yOSAzMGMtMyAzLTggNS0xMyA1LTUgMC05LTItMTItNWwtMTMwLTEzMGMtNC00LTYtOC02LTEzIDAtNSAyLTkgNi0xM2wxMzAtMTMwYzMtMyA3LTUgMTItNSA1IDAgMTAgMiAxMyA1eiBtMTc5IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODIyNjsiIGQ9Ik00NzUgMjU2YzAtNDAtOS03Ny0yOS0xMTAtMjAtMzQtNDYtNjAtODAtODAtMzMtMjAtNzAtMjktMTEwLTI5LTQwIDAtNzcgOS0xMTAgMjktMzQgMjAtNjAgNDYtODAgODAtMjAgMzMtMjkgNzAtMjkgMTEwIDAgNDAgOSA3NyAyOSAxMTAgMjAgMzQgNDYgNjAgODAgODAgMzMgMjAgNzAgMjkgMTEwIDI5IDQwIDAgNzctOSAxMTAtMjkgMzQtMjAgNjAtNDYgODAtODAgMjAtMzMgMjktNzAgMjktMTEweiIvPgo8Z2x5cGggdW5pY29kZT0iJiM5NzsiIGQ9Ik00NzUgNDM5bDAtMTI4YzAtNS0xLTktNS0xMy00LTQtOC01LTEzLTVsLTEyOCAwYy04IDAtMTMgMy0xNyAxMS0zIDctMiAxNCA0IDIwbDQwIDM5Yy0yOCAyNi02MiAzOS0xMDAgMzktMjAgMC0zOS00LTU3LTExLTE4LTgtMzMtMTgtNDYtMzItMTQtMTMtMjQtMjgtMzItNDYtNy0xOC0xMS0zNy0xMS01NyAwLTIwIDQtMzkgMTEtNTcgOC0xOCAxOC0zMyAzMi00NiAxMy0xNCAyOC0yNCA0Ni0zMiAxOC03IDM3LTExIDU3LTExIDIzIDAgNDQgNSA2NCAxNSAyMCA5IDM4IDIzIDUxIDQyIDIgMSA0IDMgNyAzIDMgMCA1LTEgNy0zbDM5LTM5YzItMiAzLTMgMy02IDAtMi0xLTQtMi02LTIxLTI1LTQ2LTQ1LTc2LTU5LTI5LTE0LTYwLTIwLTkzLTIwLTMwIDAtNTggNS04NSAxNy0yNyAxMi01MSAyNy03MCA0Ny0yMCAxOS0zNSA0My00NyA3MC0xMiAyNy0xNyA1NS0xNyA4NSAwIDMwIDUgNTggMTcgODUgMTIgMjcgMjcgNTEgNDcgNzAgMTkgMjAgNDMgMzUgNzAgNDcgMjcgMTIgNTUgMTcgODUgMTcgMjggMCA1NS01IDgxLTE1IDI2LTExIDUwLTI2IDcwLTQ1bDM3IDM3YzYgNiAxMiA3IDIwIDQgOC00IDExLTkgMTEtMTd6Ii8+CjwvZm9udD48L2RlZnM+PC9zdmc+Cg==#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '\2190';
}
[dir='rtl'] .slick-prev:before
{
    content: '\2192';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '\2192';
}
[dir='rtl'] .slick-next:before
{
    content: '\2190';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '\2022';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACQCAYAAACPtWCAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxMURDMzE5NzIzQkNFMTExOTY0QkYwNzFDNzkwNTlDNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDOTMwRUZENEMxMUUxMUUzOUYxQkJGN0E1MDMzNTg1MCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDOTMwRUZEM0MxMUUxMUUzOUYxQkJGN0E1MDMzNTg1MCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MGJlMjMyZC1hNzgzLTI1NGQtOTI4Yy02NDI0YmQxNTg0YWEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTFEQzMxOTcyM0JDRTExMTk2NEJGMDcxQzc5MDU5QzQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5ZvSKsAAAH5ElEQVR42uyd3Y3jNhRGpZSQ7SJA3lyACtg+psEUoAL2zZjtIgtMBYqcWBsvh5e8/Cel8wECPLZ5JZMHpHj5UTNv2zYh1EozACIARACIUI8AHh/Oja6v9fnTKnee/73+vY7nK54/FUDzg7kRfNOIEB6N//PHVIag9flTAZSonBvBNxSEZuPXhqD1+VMB9N0UzhEgzRngq3X+Io0fA0HMENr6/KkAbkZDb5bX2gaNGUK1M6JS588G36PRXhvQ/KzEEOqDr/T5cwI4K//OPYTmArDJEG72GL6/cw+huQCsOYSXmAXbesotAoLYHiznEF59FmrrKUN7z5QeLOcQ3gJAF2ijDeHVAXSBNtoQ3hrAOUO8ywIofT8k3lUBLJmKGS4Z3TIRPHoeEAABEAABEAARAkAEgAgBIAJAhAAQASBCAIjODyCJ6JTKJRENgAAIgAAIgNUAxI6VACB2rHwA2spgSA0AAENq/BCMJT9hCL66JZ9NSRmBY1NSPIBHY7EtM/LGn22Z8UMwG9Mzzj5TepErbkxvOoR1dP4iEPJojrBJCA8nyggBDyeqNwsuASGPZxvw/DkARAgAEQAiBIAIABECQASACFUDsGQuLkfsrq+vZC4uR+zW16dNRJdo4Byxu76+GBtVzdg9XJ92Ka53+HJfY3LskeDLfY0hsTVmhBHgc9ZHhtjzmeFzVkbgOWyxQwEMnZXMHcOXcn1RMUIaN7SBa8OXcn0ACIDDAsgQzBDcdAhmEsIkpPkkhDQMaZjmaRizIUhEJzQEieh4ABEqJgBEAIgAECEARACIULcAnj5lUvL6zpAyKREjBsCUBrpsYvssiePcMUKH4J4bOcfSXNHHgfQMYY6luagnekXcA7aGsGsjQu8Q9mREkAAsaXfKAeFl7Vg5ILy6HxAAAZAhmCG47yGYSQiTkC4nIaRhSMM0TcOQiM7QwCSi0+8BEcoHPgAiAEQAiBAAIgBEqDWAt/34uh/Lfvz5fO++H+t+/LUf3zwxU8uPXaHz7Pz9e31/K1l+OD0AfDne9uN9k/X+/M4kHKnlhz52ve3H+/RfPtF2PD57K1V+yDoz4PnY/PoQIEotfwb4PhzwHMeHDaLU8qMDeBN6ruNzW092e/n85un5fOVHh+9m67lePrf1ZDdfeU9PeIr6++05Ej/uOf4wb0eE19Pzu19f/raVP8rZlmXM8uIdwhRuv2qhT7//dTnKsjSlqr9HOWFZS1V/j6WxUPtVbR0ALg74pPcW4bUGYKmMCZ/tdY9aJPgc7znrzwOwt/5ewesZwmMW/Pd+/O6AxQbGj/348nz9Wt4V47UiXsu7vjcp4rae+f78/V7/2/8w/Ni/+8Us74phgPSzvOd7ky9uDz1gzh5odgyhmgrYHEP4MEnL2B7oFRJzCFX564zvm/F6BfCuuO8y378Lr7UA3wNA7v3/Bd99912W9531pwD4rgW55/8XfAC4RpRdhddagFcHeHPA+z0oW/0FALxK4En3oD0PwY8Viu8B5b4/y0yZyo8u6i/DSgiJaBLRTVdCWIpjKa76gRkh/+wXM0JEHhAhAEQAiBAAIgBECADRNQEkDZNSoaRhwkQimkQ0e0JYiksuz54Q9oSwJyTznhCXtHtCtOVHF/UXKWlPiEaL8Frr55POqfUT9qRs9Rfg51uESYzWT9jVLNi2J2RzvH5I2hNis9Db3pP2hNgs/CWfrJpj5vtpT8ijsaXXx++37QmxWegFW711T4jNwl/yyaq5esBJ6LFiGj11T0fqnpJesgtRlvjUPR2pe0paAXhXQqLd07B5ytrKTB7QeobvroFEuydEGkK19afcFtoVgGsEQKvw2vZ9W7w1oCfsvedbIwBy1p9iU9JaogduBaBtT4ILIO2eBmnioN3TME9jDLuffr8HIFX9OSYOqvrrdSOStBJCIppENHtCWIpjTwhmhLSUDGaEiDwgQgCIABAhAEQAWGIycanJSe7JxGknJ5XSKZdKz+ROp5w5PTNVSChfKkGdO6F89gS1+UaqM1obT4qZ6pQ2Yw/ljNbGc8RMckqbsWs6og/5npZvyufMdT09Pyae826igzsa59Pyc9WfI2Z0/bUyq5oALg5QpAtcHPEXD3xbYDwNfC0X3xcJFEcDB9WfIuaSAl9t84I5C059Wr4p19PzpQZxxesZvuSn5bviBQAtxusNPlsPiFBTAF3OaPNG2FZmcsTT9lb3wN/Q079xEJ3Rh7fP87R8Z10oe6ug+mv9bxxMANcIYFZH/DViyFxjRr9OIFwjgAmqP0XM4PprCaEJoM8ZbcrnzHU5pWPiaSFsJaczOlf9OWJG118z5zSJaBLRva2EsBTHUlxTR/QhzAhpKRnMCBF5QIQAEAEgQzBDcLNZMJMQJiH4AUnD4Acs5QeUYsX6AZt6AGv7AR2xovyAUwMPYKgf0LXaEOsHlFYuTucH9Kw2RNefsHJxOj+grXFnZRnpM99a8JKwBNcawsXXuBZwgupPsRYcVH+tzQi1/YAacEL9gFqwa8x8i/oBleAE+QEDwK7SAyLUdAg2/YA2/5/Z24T4ATXD5j3id/Tiiv7FDyj4/6ZYP6By2Ayuv5auaJ8fUAPM6oi/RtyzrYPCJ167B5ig+lPcs62jwGcDUPLvScDE+gEl+E7nB/TMNKPrL+XJqQGz6iYrISSiSUTjB2QpDj8gZoS0lAxmhIg8IEJV9Y8AAwCuz3H3j+GlGwAAAABJRU5ErkJggg==); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1); border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75); border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1); border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75); border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1); border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75); border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1); border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75); border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0.5)),to(rgba(255,255,255,0)));
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.5)),to(rgba(255,255,255,0)));
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		-webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
		        box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
		        box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
		        box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ -webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
		        box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		-webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		        box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		-webkit-box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
		        box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ -webkit-box-shadow: inset 0 0 14px rgba(0,0,0,0.2); box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		-webkit-box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
		        box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */
/*! angularjs-slider - v7.0.0 -  (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervi.eu>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> -  https://github.com/angular-slider/angularjs-slider -  2019-02-23 */
.rzslider{position:relative;display:inline-block;width:100%;height:4px;margin:35px 0 15px 0;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rzslider.noanimate *{-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.rzslider.with-legend{margin-bottom:40px}.rzslider[disabled]{cursor:not-allowed}.rzslider[disabled] .rz-pointer{cursor:not-allowed;background-color:#d8e0f3}.rzslider[disabled] .rz-draggable{cursor:not-allowed}.rzslider[disabled] .rz-selection{background:#8b91a2}.rzslider[disabled] .rz-tick{cursor:not-allowed}.rzslider[disabled] .rz-tick.rz-selected{background:#8b91a2}.rzslider span{position:absolute;display:inline-block;white-space:nowrap}.rzslider .rz-base{width:100%;height:100%;padding:0}.rzslider .rz-bar-wrapper{left:0;z-index:1;width:100%;height:32px;padding-top:16px;margin-top:-16px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s}.rzslider .rz-draggable{cursor:move}.rzslider .rz-bar{left:0;z-index:1;width:100%;height:4px;background:#d8e0f3;border-radius:2px}.rzslider .rz-bar-wrapper.rz-transparent .rz-bar{background:transparent}.rzslider .rz-bar-wrapper.rz-left-out-selection .rz-bar{background:#df002d}.rzslider .rz-bar-wrapper.rz-right-out-selection .rz-bar{background:#03a688}.rzslider .rz-selection{z-index:2;background:#0db9f0;border-radius:2px;-webkit-transition:background-color linear .3s;-o-transition:background-color linear .3s;transition:background-color linear .3s}.rzslider .rz-restricted{z-index:3;background:#f00;border-radius:2px}.rzslider .rz-pointer{top:-14px;z-index:3;width:32px;height:32px;cursor:pointer;background-color:#0db9f0;border-radius:16px;-webkit-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s}.rzslider .rz-pointer:after{position:absolute;top:12px;left:12px;width:8px;height:8px;background:#fff;border-radius:4px;content:''}.rzslider .rz-pointer:hover:after{background-color:#fff}.rzslider .rz-pointer.rz-active{z-index:4}.rzslider .rz-pointer.rz-active:after{background-color:#451aff}.rzslider .rz-bubble{bottom:16px;padding:1px 3px;color:#55637d;cursor:default;-webkit-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s}.rzslider .rz-bubble.rz-limit{color:#55637d;-webkit-transition:none;-o-transition:none;transition:none}.rzslider .rz-ticks{position:absolute;top:-3px;left:0;z-index:1;width:100%;height:0;margin:0;list-style:none;-webkit-box-sizing:border-box;box-sizing:border-box}.rzslider .rz-ticks-values-under .rz-tick-value{top:auto;bottom:-32px}.rzslider .rz-tick{position:absolute;top:0;left:0;width:10px;height:10px;margin-left:11px;text-align:center;cursor:pointer;background:#d8e0f3;border-radius:50%;-webkit-transition:background-color linear .3s;-o-transition:background-color linear .3s;transition:background-color linear .3s}.rzslider .rz-tick.rz-selected{background:#0db9f0}.rzslider .rz-tick-value{position:absolute;top:-30px;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}.rzslider .rz-tick-legend{position:absolute;top:24px;max-width:50px;white-space:normal;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}.rzslider.rz-vertical{position:relative;width:4px;height:100%;padding:0;margin:0 20px;vertical-align:baseline}.rzslider.rz-vertical .rz-base{width:100%;height:100%;padding:0}.rzslider.rz-vertical .rz-bar-wrapper{top:auto;left:0;width:32px;height:100%;padding:0 0 0 16px;margin:0 0 0 -16px}.rzslider.rz-vertical .rz-bar{bottom:0;left:auto;width:4px;height:100%}.rzslider.rz-vertical .rz-pointer{top:auto;bottom:0;left:-14px!important}.rzslider.rz-vertical .rz-bubble{bottom:0;left:16px!important;margin-left:3px}.rzslider.rz-vertical .rz-ticks{top:0;left:-3px;z-index:1;width:0;height:100%}.rzslider.rz-vertical .rz-tick{margin-top:11px;margin-left:auto;vertical-align:middle}.rzslider.rz-vertical .rz-tick-value{top:auto;left:24px;-webkit-transform:translate(0,-28%);-ms-transform:translate(0,-28%);transform:translate(0,-28%)}.rzslider.rz-vertical .rz-tick-legend{top:auto;right:24px;max-width:none;white-space:nowrap;-webkit-transform:translate(0,-28%);-ms-transform:translate(0,-28%);transform:translate(0,-28%)}.rzslider.rz-vertical .rz-ticks-values-under .rz-tick-value{right:24px;bottom:auto;left:auto}@charset "UTF-8";

/* ************************************** */

/* Mandatory CSS required for ng-sortable */

/* ************************************** */

.as-sortable-item,
.as-sortable-placeholder {
  display: block;
}

.as-sortable-item {
  -ms-touch-action: none;
  touch-action: none;
  /* to disable context menu on iOS devices */
  -webkit-touch-callout: none;
}

.as-sortable-item-handle {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
}

.as-sortable-drag {
  position: absolute;
  pointer-events: none;
  z-index: 9999;
}

.as-sortable-hidden {
  display: none !important;
}

.as-sortable-un-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*! 
 * angular-loading-bar v0.9.0
 * https://chieffancypants.github.io/angular-loading-bar
 * Copyright (c) 2016 Wes Cruver
 * License: MIT
 */

/* Make clicks pass-through */

#loading-bar,
#loading-bar-spinner {
  pointer-events: none;
  -webkit-pointer-events: none;
  -webkit-transition: 350ms linear all;
  -o-transition: 350ms linear all;
  transition: 350ms linear all;
}

#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active,
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active {
  opacity: 0;
}

#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave,
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave {
  opacity: 1;
}

#loading-bar .bar {
  -webkit-transition: width 350ms;
  -o-transition: width 350ms;
  transition: width 350ms;
  background: #29d;
  position: fixed;
  z-index: 10002;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}

/* Fancy blur effect */

#loading-bar .peg {
  position: absolute;
  width: 70px;
  right: 0;
  top: 0;
  height: 2px;
  opacity: .45;
  -ms-box-shadow: #29d 1px 0 6px 1px;
  -webkit-box-shadow: #29d 1px 0 6px 1px;
  box-shadow: #29d 1px 0 6px 1px;
  border-radius: 100%;
}

#loading-bar-spinner {
  display: block;
  position: fixed;
  z-index: 10002;
  top: 10px;
  left: 10px;
}

#loading-bar-spinner .spinner-icon {
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: loading-bar-spinner 400ms linear infinite;
  animation: loading-bar-spinner 400ms linear infinite;
}

@-webkit-keyframes loading-bar-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loading-bar-spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient,
.ds-options-wrapper {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.ds-segment-block,
.ds-segment-block-zero {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
side-menu > div,
.side-menu > div,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.ds-row-headline,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
side-menu > div,
.side-menu > div {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.ds-row-headline {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient,
.ds-options-wrapper {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.ds-segment-block,
.ds-segment-block-zero {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient,
.ds-options-wrapper {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.ds-segment-block,
.ds-segment-block-zero {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
side-menu > div,
.side-menu > div,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.ds-row-headline,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
side-menu > div,
.side-menu > div {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.ds-row-headline {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient,
.ds-options-wrapper {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.ds-segment-block,
.ds-segment-block-zero {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient,
.ds-options-wrapper {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.ds-segment-block,
.ds-segment-block-zero {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
side-menu > div,
.side-menu > div,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.ds-row-headline,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
side-menu > div,
.side-menu > div {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.ds-row-headline {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient,
.ds-options-wrapper {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.ds-segment-block,
.ds-segment-block-zero {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.ds-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 16px;
}

.ds-section:first-child {
  gap: 12px;
}

/* vorlagen-wrapper */

.ds-section-wrapper-12,
.ds-section-wrapper-24,
.ds-section-wrapper,
.ds-section-wrapper-48 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  background: #EBF0F5;
}

.ds-section-wrapper-12 > .dsa-tag-label,
.ds-section-wrapper-24 > .dsa-tag-label,
.ds-section-wrapper > .dsa-tag-label,
.ds-section-wrapper-48 > .dsa-tag-label,
.ds-section-wrapper-12 > .ds-label-grey,
.ds-section-wrapper-24 > .ds-label-grey,
.ds-section-wrapper > .ds-label-grey,
.ds-section-wrapper-48 > .ds-label-grey,
.ds-section-wrapper-12 > .ds-label-blue,
.ds-section-wrapper-24 > .ds-label-blue,
.ds-section-wrapper > .ds-label-blue,
.ds-section-wrapper-48 > .ds-label-blue,
.ds-section-wrapper-12 > .ds-label-fir,
.ds-section-wrapper-24 > .ds-label-fir,
.ds-section-wrapper > .ds-label-fir,
.ds-section-wrapper-48 > .ds-label-fir,
.ds-section-wrapper-12 > .ds-label-blue-small,
.ds-section-wrapper-24 > .ds-label-blue-small,
.ds-section-wrapper > .ds-label-blue-small,
.ds-section-wrapper-48 > .ds-label-blue-small,
.ds-section-wrapper-12 > .ds-label-fir-small,
.ds-section-wrapper-24 > .ds-label-fir-small,
.ds-section-wrapper > .ds-label-fir-small,
.ds-section-wrapper-48 > .ds-label-fir-small,
.ds-section-wrapper-12 > .ds-dropdown-menu-label,
.ds-section-wrapper-24 > .ds-dropdown-menu-label,
.ds-section-wrapper > .ds-dropdown-menu-label,
.ds-section-wrapper-48 > .ds-dropdown-menu-label,
.ds-section-wrapper-12 > .ds-row-headline,
.ds-section-wrapper-24 > .ds-row-headline,
.ds-section-wrapper > .ds-row-headline,
.ds-section-wrapper-48 > .ds-row-headline {
  color: #7B8595;
}

.ds-section-wrapper-12 {
  gap: 12px;
}

.ds-section-wrapper-24,
.ds-section-wrapper {
  gap: 24px;
}

.ds-section-wrapper-48 {
  gap: 48px;
}

/* options-wrapper */

.ds-options-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 8px 12px 8px;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 8px 24px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 16px;
  border: 0.5px solid #CFDDE8;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
}

/* row-headline */

.ds-row-headline {
  color: #7B8595;
  padding-bottom: 8px;
}

.ds-manager-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 46px;
  border-radius: 8px;
}

.ds-segment-block,
.ds-segment-block-zero {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  background: #FDFDFD;
}

.ds-segment-block {
  padding-right: 4px;
}

.ds-segment-block-zero {
  padding: 16px;
}

.ds-segment-info-wrapper {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.ds-segment-info {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 16px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-segment-right-bar {
  display: -ms-flexbox;
  display: flex;
  padding: 3px 0px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-segment-bar,
.ds-separator {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-segment-bar {
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 16px 0;
}

.ds-separator {
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 12px 16px;
}

.ds-segment-config {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
  white-space: nowrap;
}

.ds-side-bar-menu,
side-bar-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 201px;
  -ms-flex: 0 0 201px;
      flex: 0 0 201px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 4px;
}

.ds-side-bar-menu .dsa-tag-label,
.ds-side-bar-menu .ds-label-grey,
.ds-side-bar-menu .ds-label-blue,
.ds-side-bar-menu .ds-label-fir,
.ds-side-bar-menu .ds-label-blue-small,
.ds-side-bar-menu .ds-label-fir-small,
.ds-side-bar-menu .ds-dropdown-menu-label,
.ds-side-bar-menu .ds-row-headline,
side-bar-menu .dsa-tag-label,
side-bar-menu .ds-label-grey,
side-bar-menu .ds-label-blue,
side-bar-menu .ds-label-fir,
side-bar-menu .ds-label-blue-small,
side-bar-menu .ds-label-fir-small,
side-bar-menu .ds-dropdown-menu-label,
side-bar-menu .ds-row-headline {
  margin-top: 8px;
  color: #7B8595;
}

.ds-side-bar-menu .dsa-h3,
side-bar-menu .dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
  padding: 0 0 24px 0;
  cursor: default;
}

.ds-side-bar-menu .dsa-h3:hover,
side-bar-menu .dsa-h3:hover {
  background-color: transparent;
}

side-menu,
.side-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  padding: 4px 0px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

side-menu > div,
.side-menu > div {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  padding: 12px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-left: 1px solid #CFCFCF;
}

side-menu > div.active,
.side-menu > div.active {
  border-left-color: #F24E1E;
}

side-menu > div.disabled,
.side-menu > div.disabled {
  cursor: not-allowed;
  color: #CFCFCF;
}

side-menu > div .upgrade-item,
.side-menu > div .upgrade-item {
  display: inline-block;
  position: relative;
  width: 16px;
  margin-left: 8px;
}

.ds-section-list-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.ds-section-list-item {
  border: 1px solid #C7CBD0;
  background-color: white;
  padding: 10px 18px;
  border-bottom-width: 0;
  height: 68px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 8px;
}

.ds-section-list-item:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.ds-section-list-item:last-child {
  border-bottom-width: 1px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.ds-section-list-item:hover {
  -webkit-box-shadow: 0px 0px 15px 0px rgba(73, 73, 73, 0.4);
          box-shadow: 0px 0px 15px 0px rgba(73, 73, 73, 0.4);
  z-index: 100;
}

.ds-section-list-item:nth-child(even) {
  background-color: #EBF0F5;
}

.ds-section-list-item.ds-section-list-item-disabled:nth-child(even),
.ds-section-list-item-disabled {
  background-color: #C7CBD0;
  opacity: 0.75;
}

.ds-section-list-item.ds-section-list-item-disabled:nth-child(even) *,
.ds-section-list-item-disabled * {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

.ds-close-x {
  position: relative;
  margin-left: 12px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-close-x-abs {
  position: absolute;
  right: 8px;
  top: 8px;
  height: 16px;
  width: 16px;
}

.ds-close-x-abs .icon-absolute-close,
.ds-close-x .icon-absolute-close {
  font-size: 9px;
  position: absolute;
  right: 8px;
  top: 1px;
  height: 100%;
}

.ds-close-x-abs .icon-absolute-close:before,
.ds-close-x .icon-absolute-close:before {
  left: auto;
  right: 0;
}

.ds-close-x-abs svg:hover,
.ds-close-x-abs .icon-absolute-close:hover,
.ds-close-x svg:hover,
.ds-close-x .icon-absolute-close:hover {
  cursor: pointer;
  color: #F24E1E;
}

/* --- VERSION ---*/

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *
 * Adapted by etracker GmbH
 */

/*! 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 {
  -webkit-box-sizing: content-box;
          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"] {
  -webkit-box-sizing: border-box;
          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;
  -webkit-box-sizing: content-box;
          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;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  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.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role="button"] {
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

h1 small,
h1 .small,
h2 small,
h2 .small,
h3 small,
h3 .small,
h4 small,
h4 .small,
h5 small,
h5 .small,
h6 small,
h6 .small,
.h1 small,
.h1 .small,
.h2 small,
.h2 .small,
.h3 small,
.h3 .small,
.h4 small,
.h4 .small,
.h5 small,
.h5 .small,
.h6 small,
.h6 .small {
  font-weight: 400;
  line-height: 1;
  color: #777777;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h1 small,
h1 .small,
.h1 small,
.h1 .small,
h2 small,
h2 .small,
.h2 small,
.h2 .small,
h3 small,
h3 .small,
.h3 small,
.h3 .small {
  font-size: 65%;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h4 small,
h4 .small,
.h4 small,
.h4 .small,
h5 small,
h5 .small,
.h5 small,
.h5 .small,
h6 small,
h6 .small,
.h6 small,
.h6 .small {
  font-size: 75%;
}

h1,
.h1 {
  font-size: 36px;
}

h2,
.h2 {
  font-size: 30px;
}

h3,
.h3 {
  font-size: 24px;
}

h4,
.h4 {
  font-size: 18px;
}

h5,
.h5 {
  font-size: 14px;
}

h6,
.h6 {
  font-size: 12px;
}

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}

small,
.small {
  font-size: 85%;
}

mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase,
.initialism {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  color: #777777;
}

.text-primary {
  color: #337ab7;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}

.text-success {
  color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}

.text-info {
  color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
  color: #245269;
}

.text-warning {
  color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}

.text-danger {
  color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}

.bg-primary {
  color: #fff;
}

.bg-primary {
  background-color: #337ab7;
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}

.bg-success {
  background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}

.bg-warning {
  background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}

.bg-danger {
  background-color: #f2dede;
}

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}

ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}

.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 1.42857;
}

dt {
  font-weight: 700;
}

dd {
  margin-left: 0;
}

.dl-horizontal dd:before,
.dl-horizontal dd:after {
  display: table;
  content: " ";
}

.dl-horizontal dd:after {
  clear: both;
}

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dl-horizontal dd {
    margin-left: 180px;
  }
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
}

.initialism {
  font-size: 90%;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}

blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857;
  color: #777777;
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: "\2014   \A0";
}

.blockquote-reverse,
blockquote.pull-right,
.notification-editor__content__fields blockquote.segment-list__content__segment__remove {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}

.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
.notification-editor__content__fields blockquote.segment-list__content__segment__remove footer:before,
blockquote.pull-right small:before,
.notification-editor__content__fields blockquote.segment-list__content__segment__remove small:before,
blockquote.pull-right .small:before,
.notification-editor__content__fields blockquote.segment-list__content__segment__remove .small:before {
  content: "";
}

.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
.notification-editor__content__fields blockquote.segment-list__content__segment__remove footer:after,
blockquote.pull-right small:after,
.notification-editor__content__fields blockquote.segment-list__content__segment__remove small:after,
blockquote.pull-right .small:after,
.notification-editor__content__fields blockquote.segment-list__content__segment__remove .small:after {
  content: "\A0   \2014";
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
  -webkit-box-shadow: none;
          box-shadow: none;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  color: #333333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

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

.col-xs-2 {
  width: 16.66667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.33333%;
}

.col-xs-5 {
  width: 41.66667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.33333%;
}

.col-xs-8 {
  width: 66.66667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.33333%;
}

.col-xs-11 {
  width: 91.66667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.33333%;
}

.col-xs-pull-2 {
  right: 16.66667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.33333%;
}

.col-xs-pull-5 {
  right: 41.66667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.33333%;
}

.col-xs-pull-8 {
  right: 66.66667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.33333%;
}

.col-xs-pull-11 {
  right: 91.66667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.33333%;
}

.col-xs-push-2 {
  left: 16.66667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.33333%;
}

.col-xs-push-5 {
  left: 41.66667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.33333%;
}

.col-xs-push-8 {
  left: 66.66667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.33333%;
}

.col-xs-push-11 {
  left: 91.66667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.33333%;
}

.col-xs-offset-2 {
  margin-left: 16.66667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.33333%;
}

.col-xs-offset-5 {
  margin-left: 41.66667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.33333%;
}

.col-xs-offset-8 {
  margin-left: 66.66667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.33333%;
}

.col-xs-offset-11 {
  margin-left: 91.66667%;
}

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

  .col-sm-2 {
    width: 16.66667%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.33333%;
  }

  .col-sm-5 {
    width: 41.66667%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.33333%;
  }

  .col-sm-8 {
    width: 66.66667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.33333%;
  }

  .col-sm-11 {
    width: 91.66667%;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-pull-1 {
    right: 8.33333%;
  }

  .col-sm-pull-2 {
    right: 16.66667%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-4 {
    right: 33.33333%;
  }

  .col-sm-pull-5 {
    right: 41.66667%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-7 {
    right: 58.33333%;
  }

  .col-sm-pull-8 {
    right: 66.66667%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-10 {
    right: 83.33333%;
  }

  .col-sm-pull-11 {
    right: 91.66667%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-push-1 {
    left: 8.33333%;
  }

  .col-sm-push-2 {
    left: 16.66667%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-4 {
    left: 33.33333%;
  }

  .col-sm-push-5 {
    left: 41.66667%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-7 {
    left: 58.33333%;
  }

  .col-sm-push-8 {
    left: 66.66667%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-10 {
    left: 83.33333%;
  }

  .col-sm-push-11 {
    left: 91.66667%;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66667%;
  }

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

  .col-md-2 {
    width: 16.66667%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.33333%;
  }

  .col-md-5 {
    width: 41.66667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.33333%;
  }

  .col-md-8 {
    width: 66.66667%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.33333%;
  }

  .col-md-11 {
    width: 91.66667%;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-pull-1 {
    right: 8.33333%;
  }

  .col-md-pull-2 {
    right: 16.66667%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-4 {
    right: 33.33333%;
  }

  .col-md-pull-5 {
    right: 41.66667%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-7 {
    right: 58.33333%;
  }

  .col-md-pull-8 {
    right: 66.66667%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-10 {
    right: 83.33333%;
  }

  .col-md-pull-11 {
    right: 91.66667%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-push-1 {
    left: 8.33333%;
  }

  .col-md-push-2 {
    left: 16.66667%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-4 {
    left: 33.33333%;
  }

  .col-md-push-5 {
    left: 41.66667%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-7 {
    left: 58.33333%;
  }

  .col-md-push-8 {
    left: 66.66667%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-10 {
    left: 83.33333%;
  }

  .col-md-push-11 {
    left: 91.66667%;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333%;
  }

  .col-md-offset-2 {
    margin-left: 16.66667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333%;
  }

  .col-md-offset-5 {
    margin-left: 41.66667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333%;
  }

  .col-md-offset-8 {
    margin-left: 66.66667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333%;
  }

  .col-md-offset-11 {
    margin-left: 91.66667%;
  }

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

  .col-lg-2 {
    width: 16.66667%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.33333%;
  }

  .col-lg-5 {
    width: 41.66667%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7 {
    width: 58.33333%;
  }

  .col-lg-8 {
    width: 66.66667%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-10 {
    width: 83.33333%;
  }

  .col-lg-11 {
    width: 91.66667%;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-pull-1 {
    right: 8.33333%;
  }

  .col-lg-pull-2 {
    right: 16.66667%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-4 {
    right: 33.33333%;
  }

  .col-lg-pull-5 {
    right: 41.66667%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-7 {
    right: 58.33333%;
  }

  .col-lg-pull-8 {
    right: 66.66667%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-10 {
    right: 83.33333%;
  }

  .col-lg-pull-11 {
    right: 91.66667%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-push-1 {
    left: 8.33333%;
  }

  .col-lg-push-2 {
    left: 16.66667%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-4 {
    left: 33.33333%;
  }

  .col-lg-push-5 {
    left: 41.66667%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-7 {
    left: 58.33333%;
  }

  .col-lg-push-8 {
    left: 66.66667%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-10 {
    left: 83.33333%;
  }

  .col-lg-push-11 {
    left: 91.66667%;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66667%;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }
}

table {
  background-color: transparent;
}

table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.table > tbody + tbody {
  border-top: 2px solid #ddd;
}

.table .table {
  background-color: #fff;
}

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}

.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }

  .table-responsive > .table {
    margin-bottom: 0;
  }

  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }

  .table-responsive > .table-bordered {
    border: 0;
  }

  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }

  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }

  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

input[type="search"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

input[type="radio"][disabled],
input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
  input[type="checkbox"] {
  cursor: not-allowed;
}

input[type="file"] {
  display: block;
}

input[type="range"] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #999;
}

.form-control::-webkit-input-placeholder {
  color: #999;
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }

  input[type="date"].input-sm,
  .input-group-sm > input.form-control[type="date"],
  .input-group-sm > input.input-group-addon[type="date"],
  .input-group-sm > .input-group-btn > input.btn[type="date"],
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm > input.form-control[type="time"],
  .input-group-sm > input.input-group-addon[type="time"],
  .input-group-sm > .input-group-btn > input.btn[type="time"],
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm > input.form-control[type="datetime-local"],
  .input-group-sm > input.input-group-addon[type="datetime-local"],
  .input-group-sm > .input-group-btn > input.btn[type="datetime-local"],
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm > input.form-control[type="month"],
  .input-group-sm > input.input-group-addon[type="month"],
  .input-group-sm > .input-group-btn > input.btn[type="month"],
  .input-group-sm
  input[type="month"] {
    line-height: 30px;
  }

  input[type="date"].input-lg,
  .input-group-lg > input.form-control[type="date"],
  .input-group-lg > input.input-group-addon[type="date"],
  .input-group-lg > .input-group-btn > input.btn[type="date"],
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg > input.form-control[type="time"],
  .input-group-lg > input.input-group-addon[type="time"],
  .input-group-lg > .input-group-btn > input.btn[type="time"],
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg > input.form-control[type="datetime-local"],
  .input-group-lg > input.input-group-addon[type="datetime-local"],
  .input-group-lg > .input-group-btn > input.btn[type="datetime-local"],
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg > input.form-control[type="month"],
  .input-group-lg > input.input-group-addon[type="month"],
  .input-group-lg > .input-group-btn > input.btn[type="month"],
  .input-group-lg
  input[type="month"] {
    line-height: 46px;
  }
}

.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
  .checkbox label {
  cursor: not-allowed;
}

.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
  .checkbox-inline {
  cursor: not-allowed;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}

.form-control-static.input-lg,
.input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn,
.form-control-static.input-sm,
.input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn {
  padding-right: 0;
  padding-left: 0;
}

.input-sm,
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm,
.input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm,
.input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select.form-control[multiple],
.input-group-sm > select.input-group-addon[multiple],
.input-group-sm > .input-group-btn > select.btn[multiple] {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg,
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px;
}

select.input-lg,
.input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 46px;
  line-height: 46px;
}

textarea.input-lg,
.input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select.form-control[multiple],
.input-group-lg > select.input-group-addon[multiple],
.input-group-lg > .input-group-btn > select.btn[multiple] {
  height: auto;
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px;
}

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.33333;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback,
.input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .form-control-feedback,
.input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}

.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}

.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}

.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}

.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}

.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
  top: 25px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .form-inline .form-control-static {
    display: inline-block;
  }

  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }

  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }

  .form-inline .input-group > .form-control {
    width: 100%;
  }

  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }

  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }

  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}

.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  display: table;
  content: " ";
}

.form-horizontal .form-group:after {
  clear: both;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.btn:focus,
.btn.focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}

.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-default:active,
.btn-default.active,
.open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #adadad;
}

.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}

.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled.focus,
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}

.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}

.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #286090;
  background-image: none;
  border-color: #204d74;
}

.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}

.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}

.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.btn-success:active,
.btn-success.active,
.open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  background-image: none;
  border-color: #398439;
}

.btn-success:active:hover,
.btn-success:active:focus,
.btn-success:active.focus,
.btn-success.active:hover,
.btn-success.active:focus,
.btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}

.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled.focus,
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}

.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-info:active,
.btn-info.active,
.open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  background-image: none;
  border-color: #269abc;
}

.btn-info:active:hover,
.btn-info:active:focus,
.btn-info:active.focus,
.btn-info.active:hover,
.btn-info.active:focus,
.btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}

.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled.focus,
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}

.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-warning:active,
.btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  background-image: none;
  border-color: #d58512;
}

.btn-warning:active:hover,
.btn-warning:active:focus,
.btn-warning:active.focus,
.btn-warning.active:hover,
.btn-warning.active:focus,
.btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}

.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}

.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-danger:active,
.btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  background-image: none;
  border-color: #ac2925;
}

.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger:active.focus,
.btn-danger.active:hover,
.btn-danger.active:focus,
.btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}

.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.btn-link {
  font-weight: 400;
  color: #337ab7;
  border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}

.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}

.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px;
}

.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
     transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
     transition-timing-function: ease;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.dropdown-menu.pull-right,
.notification-editor__content__fields .dropdown-menu.segment-list__content__segment__remove {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.open > .dropdown-menu {
  display: block;
}

.open > a {
  outline: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  color: #777777;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu,
.notification-editor__content__fields .segment-list__content__segment__remove > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }

  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}

.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}

.btn-toolbar:before,
.btn-toolbar:after {
  display: table;
  content: " ";
}

.btn-toolbar:after {
  clear: both;
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle,
.btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret,
.btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret,
.dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}

.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after {
  display: table;
  content: " ";
}

.btn-group-vertical > .btn-group:after {
  clear: both;
}

.btn-group-vertical > .btn-group > .btn {
  float: none;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}

.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}

.btn-group-justified > .btn-group .btn {
  width: 100%;
}

.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group .form-control:focus {
  z-index: 3;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}

.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

.input-group-btn > .btn {
  position: relative;
}

.input-group-btn > .btn + .btn {
  margin-left: -1px;
}

.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav:before,
.nav:after {
  display: table;
  content: " ";
}

.nav:after {
  clear: both;
}

.nav > li {
  position: relative;
  display: block;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.nav > li.disabled > a {
  color: #777777;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #337ab7;
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.nav-pills > li {
  float: left;
}

.nav-pills > li > a {
  border-radius: 4px;
}

.nav-pills > li + li {
  margin-left: 2px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}

.nav-stacked > li {
  float: none;
}

.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified,
.nav-tabs.nav-justified {
  width: 100%;
}

.nav-justified > li,
.nav-tabs.nav-justified > li {
  float: none;
}

.nav-justified > li > a,
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}

.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 768px) {
  .nav-justified > li,
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }

  .nav-justified > li > a,
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified,
.nav-tabs.nav-justified {
  border-bottom: 0;
}

.nav-tabs-justified > li > a,
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs-justified > .active > a,
.nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}

@media (min-width: 768px) {
  .nav-tabs-justified > li > a,
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }

  .nav-tabs-justified > .active > a,
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

.navbar:before,
.navbar:after {
  display: table;
  content: " ";
}

.navbar:after {
  clear: both;
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}

.navbar-header:before,
.navbar-header:after {
  display: table;
  content: " ";
}

.navbar-header:after {
  clear: both;
}

@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}

.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}

.navbar-collapse:before,
.navbar-collapse:after {
  display: table;
  content: " ";
}

.navbar-collapse:after {
  clear: both;
}

.navbar-collapse.in {
  overflow-y: auto;
}

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }

  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }

  .navbar-collapse.in {
    overflow-y: visible;
  }

  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}

@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 768px) {
  .container > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}

@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}

.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}

.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}

.navbar-brand > img {
  display: block;
}

@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-right: 15px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navbar-toggle:focus {
  outline: 0;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}

.navbar-nav {
  margin: 7.5px -15px;
}

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }

  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }

  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }

  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }

  .navbar-nav > li {
    float: left;
  }

  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.navbar-form {
  padding: 10px 15px;
  margin-right: -15px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;
}

@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .navbar-form .form-control-static {
    display: inline-block;
  }

  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }

  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }

  .navbar-form .input-group > .form-control {
    width: 100%;
  }

  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }

  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }

  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }

  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}

@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }

  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}

.navbar-btn.btn-sm,
.btn-group-sm > .navbar-btn.btn {
  margin-top: 10px;
  margin-bottom: 10px;
}

.navbar-btn.btn-xs,
.btn-group-xs > .navbar-btn.btn {
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}

@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }

  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }

  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
  color: #777;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}

.navbar-default .navbar-text {
  color: #777;
}

.navbar-default .navbar-nav > li > a {
  color: #777;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}

.navbar-default .navbar-toggle {
  border-color: #ddd;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}

.navbar-default .navbar-link {
  color: #777;
}

.navbar-default .navbar-link:hover {
  color: #333;
}

.navbar-default .btn-link {
  color: #777;
}

.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}

.navbar-default .btn-link[disabled]:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:hover,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}

.navbar-inverse {
  background-color: #222;
  border-color: #090909;
}

.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-text {
  color: #9d9d9d;
}

.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #090909;
}

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #090909;
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #090909;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #090909;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #090909;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}

.navbar-inverse .navbar-toggle {
  border-color: #333;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}

.navbar-inverse .navbar-link {
  color: #9d9d9d;
}

.navbar-inverse .navbar-link:hover {
  color: #fff;
}

.navbar-inverse .btn-link {
  color: #9d9d9d;
}

.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}

.navbar-inverse .btn-link[disabled]:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.breadcrumb > li {
  display: inline-block;
}

.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\A0";
}

.breadcrumb > .active {
  color: #777777;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}

.pager:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  cursor: not-allowed;
  background-color: #fff;
}

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}

.label:empty {
  display: none;
}

.btn .label {
  position: relative;
  top: -1px;
}

a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label-default {
  background-color: #777777;
}

.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}

.label-primary {
  background-color: #337ab7;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}

.label-success {
  background-color: #5cb85c;
}

.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}

.label-info {
  background-color: #5bc0de;
}

.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}

.label-warning {
  background-color: #f0ad4e;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}

.label-danger {
  background-color: #d9534f;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777777;
  border-radius: 10px;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.btn-xs .badge,
.btn-group-xs > .btn .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}

.list-group-item > .badge {
  float: right;
}

.list-group-item > .badge + .badge {
  margin-right: 5px;
}

.nav-pills > li > a > .badge {
  margin-left: 3px;
}

a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}

.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}

.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}

.jumbotron > hr {
  border-top-color: #d5d5d5;
}

.container .jumbotron,
.container-fluid .jumbotron {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 6px;
}

.jumbotron .container {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }

  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}

.thumbnail > img,
.thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}

.thumbnail .caption {
  padding: 9px;
  color: #333333;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
  background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
  background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
  background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}

.media-body {
  width: 10000px;
}

.media-object {
  display: block;
}

.media-object.img-thumbnail {
  max-width: none;
}

.media-right,
.media > .pull-right,
.notification-editor__content__fields .media > .segment-list__content__segment__remove {
  padding-left: 10px;
}

.media-left,
.media > .pull-left {
  padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

.media-middle {
  vertical-align: middle;
}

.media-bottom {
  vertical-align: bottom;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  color: #777777;
  cursor: not-allowed;
  background-color: #eeeeee;
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}

a.list-group-item,
button.list-group-item {
  color: #555;
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}

a.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}

button.list-group-item {
  width: 100%;
  text-align: left;
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}

a.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}

a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}

a.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}

a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}

a.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}

a.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
}

.panel-body:before,
.panel-body:after {
  display: table;
  content: " ";
}

.panel-body:after {
  clear: both;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}

.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group + .panel-footer {
  border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}

.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}

.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}

.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}

.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}

.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}

.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}

.panel-group {
  margin-bottom: 20px;
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}

.panel-group .panel + .panel {
  margin-top: 5px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}

.panel-default {
  border-color: #ddd;
}

.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}

.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: #337ab7;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}

.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}

.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}

.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}

.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}

.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}

.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}

.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
  padding: 24px;
  border-radius: 6px;
}

.well-sm {
  padding: 9px;
  border-radius: 3px;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}

.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header:before,
.modal-header:after {
  display: table;
  content: " ";
}

.modal-header:after {
  clear: both;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }

  .modal-sm {
    width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

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

.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.42857;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover > .arrow {
  border-width: 11px;
}

.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover > .arrow:after {
  content: "";
  border-width: 10px;
}

.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}

.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}

.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }

  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }

  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }

  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}

.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  filter: alpha(opacity=90);
  opacity: 0.9;
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}

.carousel-control .icon-prev:before {
  content: "\2039";
}

.carousel-control .icon-next:before {
  content: "\203A";
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \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;
  }
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.pull-right,
.notification-editor__content__fields .segment-list__content__segment__remove {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}

.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table !important;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table !important;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table !important;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table !important;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  table.visible-print {
    display: table !important;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient,
.ds-options-wrapper {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.ds-segment-block,
.ds-segment-block-zero {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient,
.ds-options-wrapper {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.ds-segment-block,
.ds-segment-block-zero {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

/*
	Mixin to prefix a property
	e.g.
	use:
	@include prefix(transform, rotate(45deg));

	will output:
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
  	-ms-transform: rotate(45deg);
  	-o-transform: rotate(45deg);
  	transform: rotate(45deg);
*/

/**
 * BEGIN: BREAKPOINTS
 * The original ranges defined in the dashboard design were as follows:
 *
 * - 0 to 1023px: mobile
 * - 1024px to 1365px: tablet
 * - 1366px to 1919px: desktop
 * - 1920px to infinity: desktop-large
 *
 * The breakpoints defined below do not all conform to this spec and have caused inconsistencies in the behaviour of
 * the dashboard. This comment must be deleted when these inconsistencies have been fixed.
 */

/* WARNING: this breakpoint is inconsistent! */

/* WARNING: this breakpoint is inconsistent! */

/* WARNING: this breakpoint is inconsistent! */

/* WARNING: this breakpoint is inconsistent! */

/* WARNING: this breakpoint is inconsistent! */

/**
 * END: BREAKPOINTS
 */

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: none;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: none;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

input[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=text]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

button:focus,
input:focus,
a:focus,
textarea:focus {
  outline: none;
}

*[editable-content] {
  white-space: pre-wrap;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

* html .clearfix {
  zoom: 1;
}

.full-height {
  height: 100%;
}

#apollo {
  height: 100%;
}

#apollo ~ div:not([id^=jp]) {
  position: absolute;
}

.wrapper {
  height: 100%;
  min-width: 1024px;
}

.margin-right-normal {
  margin-right: 40px !important;
}

.no-padding {
  padding: 0 !important;
  margin: 0 !important;
}

.row-no-padding [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.text-strong {
  font-weight: bold;
}

@font-face {
  font-family: 'etracker';
  src: url(/static/media/fonts/etracker.ba5ff119.eot);
  src: url(/static/media/fonts/etracker.ba5ff119.eot?#iefix) format("embedded-opentype"), url(/static/media/fonts/etracker.3708f993.woff) format("woff"), url(/static/media/fonts/etracker.0ef9b6c6.ttf) format("truetype"), url(/static/media/images/etracker.48a10276.svg?#etracker) format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: 'etracker';
  content: attr(data-icon);
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class*='icon-']:before,
[class*='icon-absolute-']:before,
[class^='icon-']:before,
[class^='icon-absolute-']:before {
  font-family: 'etracker';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class*='icon-absolute-']:before,
[class^='icon-absolute-']:before {
  left: calc(50% - 0.5em);
  position: absolute;
  top: calc(50% - 0.5em);
}

.icon-arrow:before,
.icon-absolute-arrow:before {
  content: 'a';
  text-transform: lowercase;
}

.icon-chevron:before,
.icon-absolute-chevron:before {
  content: 'b';
  text-transform: lowercase;
}

.icon-graphactive:before,
.icon-absolute-graphactive:before {
  content: 'c';
  text-transform: lowercase;
}

.icon-graphadd:before,
.icon-absolute-graphadd:before {
  content: 'd';
  text-transform: lowercase;
}

.icon-graphremove:before,
.icon-absolute-graphremove:before {
  content: 'e';
  text-transform: lowercase;
}

.icon-graphshow:before,
.icon-absolute-graphshow:before {
  content: 'f';
  text-transform: lowercase;
}

.icon-more:before,
.icon-absolute-more:before {
  content: 'g';
  text-transform: lowercase;
}

.icon-expand:before,
.icon-absolute-expand:before {
  content: 'h';
  text-transform: lowercase;
}

.icon-expanded:before,
.icon-absolute-expanded:before {
  content: 'i';
  text-transform: lowercase;
}

.icon-plug:before,
.icon-absolute-plug:before {
  content: 'j';
  text-transform: lowercase;
}

.icon-settings:before,
.icon-absolute-settings:before {
  content: 'k';
  text-transform: lowercase;
}

.icon-downgrade:before,
.icon-absolute-downgrade:before {
  content: 'l';
  text-transform: lowercase;
}

.icon-enlarge:before,
.icon-absolute-enlarge:before {
  content: 'm';
  text-transform: lowercase;
}

.icon-sorthover:before,
.icon-absolute-sorthover:before {
  content: 'n';
  text-transform: lowercase;
}

.icon-settingsattention:before,
.icon-absolute-settingsattention:before {
  content: 'o';
  text-transform: lowercase;
}

.icon-edit:before,
.icon-absolute-edit:before {
  content: 'p';
  text-transform: lowercase;
}

.icon-trash:before,
.icon-absolute-trash:before {
  content: 'q';
  text-transform: lowercase;
}

.icon-warning:before,
.icon-absolute-warning:before {
  content: 'r';
  text-transform: lowercase;
}

.icon-optimiser:before,
.icon-absolute-optimiser:before {
  content: 's';
  text-transform: lowercase;
}

.icon-analytics:before,
.icon-absolute-analytics:before {
  content: 't';
  text-transform: lowercase;
}

.icon-search:before,
.icon-absolute-search:before {
  content: 'u';
  text-transform: lowercase;
}

.icon-dashboard:before,
.icon-absolute-dashboard:before {
  content: 'v';
  text-transform: lowercase;
}

.icon-webanalytics:before,
.icon-absolute-webanalytics:before {
  content: 'w';
  text-transform: lowercase;
}

.icon-webanalyticsclassic:before,
.icon-absolute-webanalyticsclassic:before {
  content: 'x';
  text-transform: lowercase;
}

.icon-appanalytics:before,
.icon-absolute-appanalytics:before {
  content: 'y';
  text-transform: lowercase;
}

.icon-uxanalytics:before,
.icon-absolute-uxanalytics:before {
  content: 'z';
  text-transform: lowercase;
}

.icon-feedback:before {
  content: 'A';
}

.icon-testing:before {
  content: 'B';
}

.icon-logout:before {
  content: 'D';
}

.icon-rocket:before {
  content: 'E';
}

.icon-account:before {
  content: 'C';
}

.icon-save:before {
  content: 'F';
}

.icon-icn-ab:before {
  content: 'G';
}

.icon-menu:before {
  content: 'H';
}

.icon-menu-light:before {
  content: 'I';
}

.icon-paper-article-news:before {
  content: 'J';
}

.icon-analytic-graph-up:before {
  content: 'K';
}

.icon-live-user:before {
  content: 'L';
}

.icon-arrow-down:before {
  content: 'M';
}

.icon-double-arrow:before {
  content: 'N';
}

.icon-export:before {
  content: 'O';
}

.icon-download-1:before {
  content: 'P';
}

.icon-info:before {
  content: 'Q';
}

.icon-email:before {
  content: 'R';
}

.icon-key:before {
  content: 'S';
}

.icon-phone:before {
  content: 'T';
}

.icon-location-pin:before {
  content: 'U';
}

.icon-wrench:before {
  content: 'V';
}

.icon-environment-leaf:before {
  content: 'W';
}

.icon-time:before {
  content: 'X';
}

.icon-user-group:before {
  content: 'Y';
}

.icon-editorial-brush:before {
  content: 'Z';
}

.icon-plus:before {
  content: '0';
}

.icon-sport-dumbell:before {
  content: '1';
}

.icon-light:before {
  content: '2';
}

.icon-dark:before {
  content: '3';
}

.icon-star:before {
  content: '4';
}

.icon-messaging:before {
  content: '6';
}

.icon-calendar:before {
  content: '7';
}

.icon-refresh:before {
  content: '9';
}

.icon-account-round:before {
  content: '!';
}

.icon-paper-article:before {
  content: '"';
}

.icon-move:before {
  content: '#';
}

.icon-plus-1:before {
  content: '%';
}

.icon-arrow-down-2:before {
  content: '&';
}

.icon-download:before {
  content: '(';
}

.icon-analytic-bar:before {
  content: '*';
}

.icon-reverse:before {
  content: '+';
}

.icon-web-url:before {
  content: ')';
}

.icon-shopcart:before {
  content: '8';
}

.icon-ruler:before {
  content: '$';
}

.icon-desktop:before {
  content: '\'';
}

.icon-tablet:before {
  content: ',';
}

.icon-mobile:before {
  content: '-';
}

.icon-compose:before {
  content: '.';
}

.icon-cube:before {
  content: '/';
}

.icon-ecommerce-tag:before {
  content: ':';
}

.icon-close:before {
  content: '5';
}

.icon-form:before {
  content: ';';
}

.icon-saved:before {
  content: '<';
}

.icon-overwrite:before {
  content: '=';
}

.icon-save-as:before {
  content: '>';
}

.icon-segments:before {
  content: '?';
}

.icon-segments-2:before {
  content: '@';
}

.icon-magic:before {
  content: '[';
}

.icon-budicon:before {
  content: ">";
}

.icon-budicon-1:before {
  content: "_";
}

.icon-budicon-2:before {
  content: "`";
}

.icon-budicon-3:before {
  content: "\"";
}

.icon-budicon-5:before {
  content: "|";
}

.icon-conversation:before {
  content: '\\';
}

.icon-pages-per-visits:before {
  content: "\E009";
}

.icon-visit-duration:before {
  content: "\E00B";
}

.icon-play-circled:before {
  content: '\E00C';
}

.icon-stop-circled:before {
  content: '\E00D';
}

.icon-mouse-pointer:before {
  content: '\E00E';
}

.icon-api-call:before {
  content: '\E00F';
}

.icon-lock-1:before {
  content: '\E010';
}

.icon-exclamation-triangle:before {
  content: '\E011';
}

.icon-globe:before {
  content: '\E013';
}

.icon-key-1:before {
  content: '\E014';
}

.icon-level-down:before {
  content: '\E015';
}

.icon-bullhorn:before {
  content: '\E016';
}

.icon-signalize:before {
  color: #DADADA;
  content: '\E001';
}

.icon-signalize:after {
  font-family: etracker;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  height: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  left: calc(50% - 0.5em);
  position: absolute;
  content: '\E002';
}

.icon-signalize-logo:before {
  content: "\E007";
}

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

/* ABSOLUTE POSITION ICONS START */

.icon-absolute-feedback:before {
  content: 'A';
}

.icon-absolute-testing:before {
  content: 'B';
}

.icon-absolute-logout:before {
  content: 'D';
}

.icon-absolute-rocket:before {
  content: 'E';
}

.icon-absolute-account:before {
  content: 'C';
}

.icon-absolute-save:before {
  content: 'F';
}

.icon-absolute-icn-ab:before {
  content: 'G';
}

.icon-absolute-menu:before {
  content: 'H';
}

.icon-absolute-menu-light:before {
  content: 'I';
}

.icon-absolute-paper-article-news:before {
  content: 'J';
}

.icon-absolute-analytic-graph-up:before {
  content: 'K';
}

.icon-absolute-live-user:before {
  content: 'L';
}

.icon-absolute-arrow-down:before {
  content: 'M';
}

.icon-absolute-double-arrow:before {
  content: 'N';
}

.icon-absolute-export:before {
  content: 'O';
}

.icon-absolute-download-1:before {
  content: 'P';
}

.icon-absolute-info:before {
  content: 'Q';
}

.icon-absolute-email:before {
  content: 'R';
}

.icon-absolute-key:before {
  content: 'S';
}

.icon-absolute-phone:before {
  content: 'T';
}

.icon-absolute-location-pin:before {
  content: 'U';
}

.icon-absolute-wrench:before {
  content: 'V';
}

.icon-absolute-environment-leaf:before {
  content: 'W';
}

.icon-absolute-time:before {
  content: 'X';
}

.icon-absolute-user-group:before {
  content: 'Y';
}

.icon-absolute-editorial-brush:before {
  content: 'Z';
}

.icon-absolute-plus:before {
  content: '0';
}

.icon-absolute-sport-dumbell:before {
  content: '1';
}

.icon-absolute-light:before {
  content: '2';
}

.icon-absolute-dark:before {
  content: '3';
}

.icon-absolute-star:before {
  content: '4';
}

.icon-absolute-messaging:before {
  content: '6';
}

.icon-absolute-calendar:before {
  content: '7';
}

.icon-absolute-refresh:before {
  content: '9';
}

.icon-absolute-account-round:before {
  content: '!';
}

.icon-absolute-paper-article:before {
  content: '"';
}

.icon-absolute-move:before {
  content: '#';
}

.icon-absolute-plus-1:before {
  content: '%';
}

.icon-absolute-arrow-down-2:before {
  content: '&';
}

.icon-absolute-download:before {
  content: '(';
}

.icon-absolute-analytic-bar:before {
  content: '*';
}

.icon-absolute-reverse:before {
  content: '+';
}

.icon-absolute-web-url:before {
  content: ')';
}

.icon-absolute-shopcart:before {
  content: '8';
}

.icon-absolute-ruler:before {
  content: '$';
}

.icon-absolute-desktop:before {
  content: '\'';
}

.icon-absolute-tablet:before {
  content: ',';
}

.icon-absolute-mobile:before {
  content: '-';
}

.icon-absolute-compose:before {
  content: '.';
}

.icon-absolute-cube:before {
  content: '/';
}

.icon-absolute-ecommerce-tag:before {
  content: ':';
}

.icon-absolute-close:before {
  content: '5';
}

.icon-absolute-form:before {
  content: ';';
}

.icon-absolute-saved:before {
  content: '<';
}

.icon-absolute-overwrite:before {
  content: '=';
}

.icon-absolute-save-as:before {
  content: '>';
}

.icon-absolute-segments:before {
  content: '?';
}

.icon-absolute-segments-2:before {
  content: '@';
}

.icon-absolute-magic:before {
  content: '[';
}

.icon-image:before {
  content: ']';
}

.icon-absolute-conversation:before {
  content: '\\';
}

.icon-absolute-play-circled:before {
  content: '\E00C';
}

.icon-absolute-stop-circled:before {
  content: '\E00D';
}

.icon-absolute-mouse-pointer:before {
  content: '\E00E';
}

.icon-absolute-api-call:before {
  content: '\E00F';
}

.icon-absolute-lock-1:before {
  content: '\E010';
}

.icon-absolute-exclamation-triangle:before {
  content: '\E011';
}

.icon-absolute-globe:before {
  content: '\E013';
}

.icon-absolute-key-1:before {
  content: '\E014';
}

.icon-absolute-level-down:before {
  content: '\E015';
}

.icon-absolute-bullhorn:before {
  content: '\E016';
}

.icon-absolute-signalize:before {
  content: "\E001";
  color: #DADADA;
}

.icon-absolute-signalize:after {
  font-family: etracker;
  content: "\E002";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  left: calc(50% - 0.5em);
  position: absolute;
  top: calc(50% - 0.5em);
}

.icon-marketing-reports:before {
  content: "\E005";
}

.icon-base-reports:before {
  content: "\E006";
}

.icon-ecommerce-reports:before {
  content: "\E004";
}

.icon-own-reports:before {
  content: "\E00A";
}

.icon-absolute-signalize-logo:before {
  content: "\E007";
}

.icon-absolute-pages-per-visits:before {
  content: "\E009";
}

.icon-absolute-visit-duration:before {
  content: "\E00B";
}

/* ABSOLUTE POSITION ICONS END */

@font-face {
  font-family: Soehne;
  src: url(/static/media/Söhne-Buch.ca08b399.otf);
  src: url(/static/media/fonts/soehne-buch.2e1e66ee.woff2) format("woff2");
  font-weight: 200 400;
}

@font-face {
  font-family: Soehne;
  src: url(/static/media/Söhne-Kräftig.23e35bd4.otf);
  src: url(/static/media/fonts/soehne-kraftig.6dc3cbb1.woff2) format("woff2");
  font-weight: 500 600;
}

@font-face {
  font-family: Soehne;
  src: url(/static/media/Söhne-Dreiviertelfett.805e4a8f.otf);
  src: url(/static/media/fonts/soehne-dreiviertelfett.d78eb183.woff2) format("woff2");
  font-weight: 700;
}

@font-face {
  font-family: Soehne;
  src: url(/static/media/Söhne-BuchKursiv.a4fedb41.otf);
  src: url(/static/media/fonts/soehne-buch-kursiv.853f64c1.woff2) format("woff2");
  font-style: oblique;
}

@font-face {
  font-family: Soehne;
  src: url(/static/media/Söhne-BuchKursiv.a4fedb41.otf);
  src: url(/static/media/fonts/soehne-buch-kursiv.853f64c1.woff2) format("woff2");
  font-style: italic;
}

body {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

strong {
  font-weight: 500;
}

.et-icon {
  font-size: 6px;
}

.icon-small {
  font-size: 1.5em;
}

.icon-medium {
  font-size: 1.9em;
}

.icon-large {
  font-size: 2.3em;
}

.round-icon {
  color: #9e9e9e;
  border: solid 2px #e1e1e1;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  line-height: 23px;
  text-align: center;
  background-color: #FFFFFF;
  cursor: pointer;
  vertical-align: middle;
  font-size: 11px;
  position: relative;
}

.round-icon img {
  height: 8px;
  height: 8px;
}

.round-icon img .testpath {
  fill: #FFFFFF;
  stroke: #FFFFFF;
}

/* --- STATISTIC ICONS START --- */

.table-config-icon {
  position: absolute;
  top: 7px;
  right: 10px;
  height: 11px;
  width: 11px;
  border-radius: 50%;
  line-height: 13px;
  font-size: 9px;
  cursor: pointer;
}

.attributes-row-inner .attribute {
  position: relative;
}

.attributes-row-inner .attribute:before {
  font-family: "etracker" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  left: -19px;
  line-height: 50px;
  height: 50px;
  color: #979797;
  font-size: 13px;
}

.attributes-row-inner.closed .attribute:not(.is-loading):before {
  content: "h";
}

.attributes-row-inner.opened .attribute:not(.is-loading):before {
  content: "i";
}

.attributes-row-inner.closed:hover .attribute:before,
.attributes-row-inner.opened:hover .attribute:before {
  color: #f24e1e;
}

.show-statistic-cnt .icon-absolute-graphShow:before {
  content: "f";
  font-size: 10px;
}

.show-statistic-cnt .icon-absolute-graphShow:hover:before {
  content: "d";
  font-size: 8px;
  color: #f24e1e;
}

.show-statistic-cnt .icon-absolute-graphActive:before {
  content: "c";
  font-size: 8px;
}

.show-statistic-cnt .icon-absolute-graphActive:hover:before {
  content: "e";
  font-size: 8px;
}

.show-statistic-cnt .checked-x:hover:before {
  content: "f";
  font-size: 10px;
  color: #979797;
}

/* --- STATISTIC ICONS END --- */

/* INPUT EXTENSIONS TO REDUCE REPITITION: START */

.top-menu input,
.light-input input,
.select-cnt .checkbox-cnt input,
.et-radio input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  font-size: 1em;
  width: 100%;
}

.top-menu input[type=radio]:checked + label::before,
.light-input input[type=radio]:checked + label::before,
.et-radio input[type=radio]:checked + label::before,
.top-menu input[type=radio]:not(:checked) + label::before,
.light-input input[type=radio]:not(:checked) + label::before,
.et-radio input[type=radio]:not(:checked) + label::before {
  border-radius: 50%;
}

/* $type can be checkbox or radio */

/* INPUT EXTENSIONS TO REDUCE REPITITION: START */

/* --- DROPDOWN START --- */

.dropdown-element {
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  color: #232323;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  padding: 0 8px 0 17px;
  vertical-align: middle;
}

.dropdown-element .dropdown-text {
  float: left;
}

.dropdown-element .dropdown-text .topcount {
  font-weight: 400;
}

.dropdown-element .icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 8px;
  position: relative;
  margin: 0 0 0 11px;
  text-align: center;
  width: 12px;
  float: right;
  vertical-align: middle;
  color: #e1e1e1;
}

.dropdown-element .icon:before {
  display: inline-block;
  left: calc(50% - 0.5em);
  position: absolute;
  top: calc(50% - 0.5em);
}

.dropdown-element:hover .icon {
  color: #f24e1e;
}

.dropdown-element-2 {
  border-radius: 2px;
}

.attributes-row .dropdown .dropdown-element {
  background: transparent !important;
  height: 30px !important;
  padding: 0 8px 0 12px !important;
  line-height: 28px;
  max-width: 85px;
  min-width: 85px;
}

.attributes-row .dropdown .dropdown-element .dropdown-text {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  width: calc(100% - 15px);
}

.attributes-row .dropdown .dropdown-element .icon {
  height: 18px;
}

.attributes-row .dropdown .dropdown-element .icon.icon-chevron {
  font-size: 8px;
  margin: 5px 0 0;
}

.segmentation .dropdown-element {
  height: 41px;
  line-height: 39px;
  padding: 0 0 0 15px;
  color: #232323;
  width: 120px;
}

.segmentation .dropdown-element .icon {
  height: 25px;
  margin: 7px 3px 0 0;
  width: 25px;
  font-size: 12px;
  color: #c2c3c3;
  float: right;
}

.segmentation .dropdown-element .title {
  display: block;
  float: left;
  overflow: hidden;
  width: 72px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.segmentation .segmentation-circle {
  background: #656565;
  position: absolute;
  right: -4px;
  top: -4px;
  border: 2px solid #FFFFFF;
  border-radius: 5px;
  height: 10px;
  width: 10px;
}

.open .dropdown-element .icon:before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

/* --- DROPDOWN END --- */

/* --- RESOURCEN HTML START --- */

.ignore-br br {
  display: none;
}

/* --- RESOURCEN HTML END --- */

/* --- DIMENSION BUTTONS START */

.filter-cnt .dimensions-cnt .icon {
  font-size: 8px;
  margin: 7px 0 0;
  float: right;
  border: 2px solid #e1e1e1;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  color: #656565;
}

.filter-cnt .dimensions-cnt .icon:before {
  display: inline-block;
  left: calc(50% - 0.5em);
  position: absolute;
  top: calc(50% - 0.5em);
}

.filter-cnt .dimension > .button {
  cursor: default;
  background-color: #f5f5f5;
  display: -ms-flexbox;
  display: flex;
  float: left;
  padding: 0 8px 0 8px;
  height: 41px;
  border: 1px solid #e1e1e1;
  border-left: none;
  font-size: 13px;
  font-weight: 600;
  line-height: 39px;
  width: 33.333%;
  border-radius: 0;
}

.filter-cnt .dimension > .button:first-child {
  border-left: 1px solid #e1e1e1;
}

.filter-cnt .dimension > .button:first-child:last-child .icon {
  visibility: hidden;
}

.filter-cnt .dimension > .button.one-dim .icon {
  visibility: hidden;
}

.filter-cnt .dimension > .button .icon-graphactive {
  display: inline-block;
}

.filter-cnt .dimension > .button .icon-graphadd,
.filter-cnt .dimension > .button .icon-graphremove {
  display: none;
}

.filter-cnt .dimension > .button.enabled-false {
  color: #979797;
}

.filter-cnt .dimension > .button.enabled-false .icon {
  color: transparent;
}

.filter-cnt .dimension > .button.multiple:hover {
  background-color: #ebebeb;
}

.filter-cnt .dimension > .button.multiple:hover .icon-graphremove {
  display: inline-block;
  color: #f24e1e;
}

.filter-cnt .dimension > .button.multiple:hover .icon-graphactive,
.filter-cnt .dimension > .button.multiple:hover .icon-graphadd {
  display: none;
}

.filter-cnt .dimension > .button.multiple:active {
  color: #FFFFFF;
  background-color: #232323;
}

.filter-cnt .dimension > .button.multiple:active .icon.icon.icon {
  color: transparent;
}

.filter-cnt .dimension > .button:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.filter-cnt .dimension > .button.last-dim,
.filter-cnt .dimension > .button:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-right-color: #e1e1e1;
}

.filter-cnt .dimension > .button + .button,
.filter-cnt .dimension > .button + .tooltip + .button {
  position: relative;
}

.filter-cnt .dimension .dimension-name {
  display: block;
  float: left;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 34px);
}

.filter-cnt .one-dim .dimension-name {
  width: 100%;
}

.filter-cnt .dimension.enabled-false > .button.enabled-true:hover {
  background-color: #f5f5f5;
  cursor: default;
  color: #232323;
}

.filter-cnt .dimension.enabled-false > .button.enabled-true:hover + .button::after {
  border-left-color: #f5f5f5;
}

.filter-cnt .dimension.enabled-false > .button.enabled-true:hover .icon {
  cursor: pointer;
}

.filter-cnt .dimension.enabled-false > .button.enabled-true:active {
  background-color: #f5f5f5;
  cursor: default;
  color: #232323;
}

.filter-cnt .dimension.enabled-false > .button.one-dim {
  padding-right: 20px;
  min-width: 100px;
  cursor: default;
}

.filter-cnt .dimension.enabled-false > .button.one-dim .icon-graphactive,
.filter-cnt .dimension.enabled-false > .button.one-dim .icon-graphadd,
.filter-cnt .dimension.enabled-false > .button.one-dim .icon-graphremove {
  display: none;
}

.filter-cnt .dimension.enabled-false > .button.one-dim:hover .icon-graphactive,
.filter-cnt .dimension.enabled-false > .button.one-dim:hover .icon-graphadd,
.filter-cnt .dimension.enabled-false > .button.one-dim:hover .icon-graphremove {
  display: none;
}

/* --- DIMENSION BUTTONS END --- */

/* --- SEGMENTATION START --- */

.segmentation {
  position: relative;
}

.segmentation.open > div.dropdown-element {
  color: #232323;
}

.segmentation > div.dropdown-element {
  background-color: #f5f5f5;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.segment-inner-cnt .segments-btn {
  float: left;
  width: 20px;
  height: 41px;
  background: #f5f5f5;
  border: 1px solid #e1e1e1;
  border-left: none;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  position: relative;
  font-size: 10px;
  color: #9e9e9e;
  cursor: pointer;
}

.segment-inner-cnt .segments-btn:hover {
  color: #F24E1E;
}

.info-i {
  display: inline-block;
  position: relative;
  width: 41px;
  height: 41px;
  text-align: center;
}

.info-i .info-inner {
  display: inline-block;
  color: #232323;
  border: 1px solid #232323;
  height: 24px;
  width: 24px;
  border-radius: 12px;
  margin-top: 9px;
  padding-top: 3px;
}

.info-i:hover .info-inner {
  background-color: #F24E1E;
  border-color: #F24E1E;
  color: #FFFFFF;
  font-weight: 700;
}

.info-i .internal-link {
  color: #f24e1e;
}

.info-inline {
  display: inline-block;
  line-height: 0.9;
  font-size: 12px;
  text-align: center;
  border: 1px solid #656565;
  border-radius: 100px;
  min-width: 12px;
  margin-left: 1px;
  margin-right: -1px;
  vertical-align: 6px;
}

.info-inline:hover {
  background-color: #F24E1E;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

.filter-cnt .segmentation {
  position: relative;
  float: left;
}

.filter-cnt .segmentation.open:after {
  background-color: #232323;
  bottom: -13px;
  content: "";
  height: 9px;
  left: 50%;
  margin-left: -4px;
  position: absolute;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 9px;
}

.filter-cnt .segmentation:hover > div.button .icon {
  color: #F24E1E;
}

.filter-cnt .segmentation.enabled-false > div.button {
  color: #b4b4b4;
}

.filter-cnt .segmentation.enabled-false:hover > div.button .icon {
  color: #c2c3c3;
}

/* --- SEGMENTATION END --- */

/* --- SEGMENTATION NEW 02.08.16 START  --- */

.segment-wrapper {
  float: left;
  height: 41px;
}

.new-dimension-wrapper,
.segment-wrapper {
  position: relative;
  -webkit-transition: width 400ms ease-in-out;
  -o-transition: width 400ms ease-in-out;
  transition: width 400ms ease-in-out;
}

.new-dimension-wrapper.dropping .new-dimension,
.new-dimension-wrapper.dropping .segment,
.segment-wrapper.dropping .new-dimension,
.segment-wrapper.dropping .segment {
  -webkit-transition: left 400ms ease-in-out;
  -o-transition: left 400ms ease-in-out;
  transition: left 400ms ease-in-out;
}

.new-dimension-wrapper.dragging .new-dimension,
.new-dimension-wrapper.dragging .segment,
.segment-wrapper.dragging .new-dimension,
.segment-wrapper.dragging .segment {
  -webkit-transition: margin-left 400ms ease-in-out;
  -o-transition: margin-left 400ms ease-in-out;
  transition: margin-left 400ms ease-in-out;
}

.new-dimension-wrapper.dragging .as-sortable-placeholder ~ .new-dimension,
.new-dimension-wrapper.dragging .as-sortable-placeholder ~ .segment,
.segment-wrapper.dragging .as-sortable-placeholder ~ .new-dimension,
.segment-wrapper.dragging .as-sortable-placeholder ~ .segment {
  margin-left: 120px;
}

.new-dimension-wrapper.dragging .as-sortable-hidden ~ .new-dimension,
.new-dimension-wrapper.dragging .as-sortable-hidden ~ .segment,
.segment-wrapper.dragging .as-sortable-hidden ~ .new-dimension,
.segment-wrapper.dragging .as-sortable-hidden ~ .segment {
  margin-left: -120px;
}

.new-dimension-wrapper.dragging .as-sortable-hidden ~ .as-sortable-placeholder ~ .new-dimension,
.new-dimension-wrapper.dragging .as-sortable-placeholder ~ .as-sortable-hidden ~ .new-dimension,
.new-dimension-wrapper.dragging .as-sortable-hidden ~ .as-sortable-placeholder ~ .segment,
.new-dimension-wrapper.dragging .as-sortable-placeholder ~ .as-sortable-hidden ~ .segment,
.segment-wrapper.dragging .as-sortable-hidden ~ .as-sortable-placeholder ~ .new-dimension,
.segment-wrapper.dragging .as-sortable-placeholder ~ .as-sortable-hidden ~ .new-dimension,
.segment-wrapper.dragging .as-sortable-hidden ~ .as-sortable-placeholder ~ .segment,
.segment-wrapper.dragging .as-sortable-placeholder ~ .as-sortable-hidden ~ .segment {
  margin-left: 0;
}

.drag {
  width: 15px;
  height: 100%;
  background-color: #e6e6e6;
  overflow: hidden;
  cursor: move;
  float: left;
}

.drag .drag-icon {
  height: 1px;
  width: 5px;
  background-color: #979797;
  margin: 19px 0 0 5px;
  position: relative;
}

.drag .drag-icon:before {
  content: "";
  height: 9px;
  width: 5px;
  position: absolute;
  top: -4px;
  left: 0;
  border-top: 1px #979797 solid;
  border-bottom: 1px #979797 solid;
}

.segment {
  position: absolute;
  left: 0;
  top: 0;
  height: 41px;
  border-radius: 2px;
  overflow: hidden;
  border: 1px solid #e1e1e1;
  background-color: #f5f5f5;
  margin-right: 2px;
}

.segment .title {
  float: left;
  line-height: 38px;
  font-size: 13px;
  font-weight: 600;
  color: #232323;
  margin: 0 0 0 10px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 35px);
  -ms-flex-align: center;
      align-items: center;
}

.segment .remove {
  float: right;
  width: 23px;
  margin: 2px 3px 0 0;
  height: 23px;
  font-size: 12px;
  color: #c2c3c3;
  line-height: 23px;
  cursor: pointer;
  text-align: center;
  position: relative;
  -ms-flex: 0 0 20px;
      flex: 0 0 20px;
}

/* --- SEGMENTATION NEW 02.08.16 END  --- */

/* --- MORE BUTTON START --- */

.more.more {
  width: 100%;
  padding: 6px;
  font-weight: bold;
  color: #232323;
  border: 2px solid #f24e1e;
  margin-left: 20px;
}

.more.more:focus {
  outline: none;
  background-color: #FFFFFF;
}

.more.more:hover {
  background-color: #ebebeb;
}

.load-more .dropdown {
  float: left;
}

.load-more .dropdown .dropdown__btn {
  width: 90px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-color: #e1e1e1;
  border-right: none;
  background-color: #ebebeb !important;
  min-width: 90px;
  font-weight: 600;
}

.load-more .et-btn__wrapper {
  display: block;
}

.load-more .et-btn--right {
  width: calc(100% - 200px);
  border-color: #e1e1e1;
  background-color: #f5f5f5;
  margin-bottom: 35px;
}

.load-more.max-data.max-data .et-btn--right.et-btn--right {
  background-color: #f5f5f5;
  color: #888;
  cursor: default;
}

.load-more .more {
  width: 100%;
  float: left;
  padding: 6px;
  font-weight: bold;
  color: #232323;
  border: 2px solid #f24e1e;
}

.load-more .more:focus {
  outline: none;
  background-color: #FFFFFF;
}

.load-more .more:hover {
  background-color: #ebebeb;
}

/* --- MORE BUTTON END --- */

/* --- TOP MENU RADIOBUTTON START --- */

.top-menu input[type='checkbox'] {
  width: auto;
  float: left;
  margin-right: 0.75em;
  background: transparent;
  border: none;
}

.top-menu input[type='checkbox']:checked,
.top-menu input[type='checkbox']:not(:checked) {
  background: transparent;
  position: absolute;
  visibility: hidden;
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
}

.top-menu input[type='checkbox']:checked + label::before,
.top-menu input[type='checkbox']:not(:checked) + label::before {
  content: ' ';
  display: inline-block;
  width: 16px;
  height: 16px;
}

.top-menu input[type='checkbox'] + label {
  cursor: pointer;
}

.top-menu input[type='checkbox']:checked + label::before,
.top-menu input[type='checkbox']:not(:checked) + label::before {
  border: 2px solid #000;
  background: #232323;
}

.top-menu input[type='checkbox']:not(:disabled):hover + label::before {
  background: #F24E1E;
  -webkit-box-shadow: inset 0 0 0 3px #232323;
          box-shadow: inset 0 0 0 3px #232323;
}

.top-menu input[type='checkbox']:checked + label::before {
  background: #F24E1E;
  -webkit-box-shadow: inset 0 0 0 3px #FFFFFF;
          box-shadow: inset 0 0 0 3px #FFFFFF;
}

.top-menu input[type='radio'] {
  width: auto;
  float: left;
  margin-right: 0.75em;
  background: transparent;
  border: none;
}

.top-menu input[type='radio']:checked,
.top-menu input[type='radio']:not(:checked) {
  background: transparent;
  position: absolute;
  visibility: hidden;
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
}

.top-menu input[type='radio']:checked + label::before,
.top-menu input[type='radio']:not(:checked) + label::before {
  content: ' ';
  display: inline-block;
  width: 16px;
  height: 16px;
}

.top-menu input[type='radio'] + label {
  cursor: pointer;
}

.top-menu input[type='radio']:checked + label::before,
.top-menu input[type='radio']:not(:checked) + label::before {
  border: 2px solid #000;
  background: #232323;
}

.top-menu input[type='radio']:not(:disabled):hover + label::before {
  background: #F24E1E;
  -webkit-box-shadow: inset 0 0 0 3px #232323;
          box-shadow: inset 0 0 0 3px #232323;
}

.top-menu input[type='radio']:checked + label::before {
  background: #F24E1E;
  -webkit-box-shadow: inset 0 0 0 3px #FFFFFF;
          box-shadow: inset 0 0 0 3px #FFFFFF;
}

.top-menu input[type='checkbox']:checked + label::before,
.top-menu input[type='checkbox']:not(:checked) + label::before,
.top-menu input[type='radio']:checked + label::before,
.top-menu input[type='radio']:not(:checked) + label::before {
  position: absolute;
  right: 0;
  top: 15px;
  margin-right: 0;
}

/* --- TOP MENU RADIOBUTTON END --- */

/* --- RADIOBUTTON LIGHT BG (report view dropdown) START --- */

.light-input input[type='checkbox'] {
  width: auto;
  float: left;
  margin-right: 0.75em;
  background: transparent;
  border: none;
}

.light-input input[type='checkbox']:checked,
.light-input input[type='checkbox']:not(:checked) {
  background: transparent;
  position: absolute;
  visibility: hidden;
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
}

.light-input input[type='checkbox']:checked + label::before,
.light-input input[type='checkbox']:not(:checked) + label::before {
  content: ' ';
  display: inline-block;
  width: 16px;
  height: 16px;
}

.light-input input[type='checkbox'] + label {
  cursor: pointer;
}

.light-input input[type='checkbox']:checked + label::before,
.light-input input[type='checkbox']:not(:checked) + label::before {
  border: 2px solid #d4d4d4;
  background: #FFFFFF;
}

.light-input input[type='checkbox']:not(:disabled):hover + label::before {
  background: #F24E1E;
  -webkit-box-shadow: inset 0 0 0 3px #FFFFFF;
          box-shadow: inset 0 0 0 3px #FFFFFF;
}

.light-input input[type='checkbox']:checked + label::before {
  background: #F24E1E;
  -webkit-box-shadow: inset 0 0 0 3px #FFFFFF;
          box-shadow: inset 0 0 0 3px #FFFFFF;
}

.light-input input[type='radio'] {
  width: auto;
  float: left;
  margin-right: 0.75em;
  background: transparent;
  border: none;
}

.light-input input[type='radio']:checked,
.light-input input[type='radio']:not(:checked) {
  background: transparent;
  position: absolute;
  visibility: hidden;
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
}

.light-input input[type='radio']:checked + label::before,
.light-input input[type='radio']:not(:checked) + label::before {
  content: ' ';
  display: inline-block;
  width: 16px;
  height: 16px;
}

.light-input input[type='radio'] + label {
  cursor: pointer;
}

.light-input input[type='radio']:checked + label::before,
.light-input input[type='radio']:not(:checked) + label::before {
  border: 2px solid #d4d4d4;
  background: #FFFFFF;
}

.light-input input[type='radio']:not(:disabled):hover + label::before {
  background: #F24E1E;
  -webkit-box-shadow: inset 0 0 0 3px #FFFFFF;
          box-shadow: inset 0 0 0 3px #FFFFFF;
}

.light-input input[type='radio']:checked + label::before {
  background: #F24E1E;
  -webkit-box-shadow: inset 0 0 0 3px #FFFFFF;
          box-shadow: inset 0 0 0 3px #FFFFFF;
}

.light-input input[type='checkbox']:checked + label::before,
.light-input input[type='checkbox']:not(:checked) + label::before,
.light-input input[type='radio']:checked + label::before,
.light-input input[type='radio']:not(:checked) + label::before {
  position: absolute;
  right: 0;
  top: calc(50% - 8px);
  margin-right: 25px;
}

/* --- RADIOBUTTON LIGHT BG (report view dropdown) END --- */

/* --- CHECKBOX START --- */

.select-cnt .checkbox-cnt {
  position: relative;
}

.select-cnt .checkbox-cnt input[type='checkbox'] {
  width: auto;
  float: left;
  margin-right: 0.75em;
  background: transparent;
  border: none;
}

.select-cnt .checkbox-cnt input[type='checkbox']:checked,
.select-cnt .checkbox-cnt input[type='checkbox']:not(:checked) {
  background: transparent;
  position: absolute;
  visibility: hidden;
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
}

.select-cnt .checkbox-cnt input[type='checkbox']:checked + label::before,
.select-cnt .checkbox-cnt input[type='checkbox']:not(:checked) + label::before {
  content: ' ';
  display: inline-block;
  width: 16px;
  height: 16px;
}

.select-cnt .checkbox-cnt input[type='checkbox'] + label {
  cursor: pointer;
}

.select-cnt .checkbox-cnt label {
  padding-left: 30px;
  line-height: 16px;
}

.select-cnt .checkbox-cnt input[type='checkbox']:checked + label::before,
.select-cnt .checkbox-cnt input[type='checkbox']:not(:checked) + label::before {
  position: absolute;
  left: 0;
  background: #232323;
  border-radius: 50%;
  top: 2px;
}

.select-cnt .checkbox-cnt input[type='checkbox']:checked + label::after,
.select-cnt .checkbox-cnt input[type='checkbox']:hover + label::after {
  content: "c";
  -moz-osx-font-smoothing: grayscale;
  font-family: "etracker";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  color: #F24E1E;
  font-size: 8px;
  position: absolute;
  line-height: 16px;
  width: 16px;
  text-align: center;
  left: 0;
  top: 2px;
}

.select-cnt .checkbox-cnt input[type='checkbox']:checked + label::before {
  background: #FFFFFF;
}

/* --- CHECKBOX END --- */

.report-wrapper {
  position: relative;
  margin-bottom: 9px;
}

.report-wrapper .as-sortable-placeholder {
  border: 1px dotted #979797;
  background-color: #333;
  border-radius: 3px;
  margin-bottom: 6px;
}

.report-wrapper.as-sortable-drag {
  margin-bottom: 0;
  position: absolute;
  height: 0;
}

/* --- CONFIG REPORT ITEM START --- */

.config-report-item {
  height: auto;
  min-height: 41px;
  border-radius: 3px;
  overflow: hidden;
  background-color: #000;
  position: relative;
  margin-bottom: 6px;
}

.config-report-item .drag {
  width: 20px;
  height: 100%;
  background-color: #3d3d3d;
  overflow: hidden;
  cursor: move;
  position: absolute;
}

.config-report-item .drag .drag-icon {
  height: 1px;
  width: 6px;
  background-color: #979797;
  margin: -1px 0 0 7px;
  top: 50%;
  position: relative;
}

.config-report-item .drag .drag-icon:before {
  content: "";
  height: 9px;
  width: 6px;
  position: absolute;
  top: -4px;
  left: 0;
  border-top: 1px #979797 solid;
  border-bottom: 1px #979797 solid;
}

.config-report-item .report {
  position: relative;
  line-height: 21px;
  font-size: 13px;
  font-weight: 600;
  color: #FFFFFF;
  padding: 9px 0;
  margin: 0 0 0 40px;
  width: calc(100% - 69px);
}

.config-report-item .report span {
  display: inline-block;
  margin-right: 8px;
}

.config-report-item .report span:before {
  -moz-osx-font-smoothing: grayscale;
  content: "a";
  color: #979797;
  margin: 0 8px 0 0;
  font-family: "etracker" !important;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: normal !important;
  line-height: 1;
  text-transform: none !important;
  font-size: 9px;
}

.config-report-item .report span:first-child:before {
  display: none;
}

.config-report-item .report span:last-child {
  margin-right: 0;
}

.config-report-item .remove {
  position: absolute;
  right: 0;
  top: 0;
  width: 23px;
  margin: 9px 8px 0 0;
  height: 23px;
  color: #a5a5a5;
  line-height: 23px;
  cursor: pointer;
  text-align: center;
  font-size: 11px;
}

/* --- CONFIG REPORT ITEM END --- */

.font-weight-normal {
  font-weight: 400;
}

/* RESPONSIVE START */

@media (max-width: 1024px) {
  .segment-menu-item {
    width: 188px;
  }
}

/* RESPONSIVE END */

.et-radio input[type='radio'] {
  width: auto;
  float: left;
  margin-right: 0.75em;
  background: transparent;
  border: none;
}

.et-radio input[type='radio']:checked,
.et-radio input[type='radio']:not(:checked) {
  background: transparent;
  position: absolute;
  visibility: hidden;
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
}

.et-radio input[type='radio']:checked + label::before,
.et-radio input[type='radio']:not(:checked) + label::before {
  content: ' ';
  display: inline-block;
  width: 16px;
  height: 16px;
}

.et-radio input[type='radio'] + label {
  cursor: pointer;
}

.et-radio.et-radio--light input[type='radio']:checked + label::before,
.et-radio.et-radio--light input[type='radio']:not(:checked) + label::before {
  border: 2px solid #d4d4d4;
  background: #FFFFFF;
}

.et-radio.et-radio--light input[type='radio']:not(:disabled):hover + label::before {
  background: #F24E1E;
  -webkit-box-shadow: inset 0 0 0 3px #FFFFFF;
          box-shadow: inset 0 0 0 3px #FFFFFF;
}

.et-radio.et-radio--light input[type='radio']:checked + label::before {
  background: #F24E1E;
  -webkit-box-shadow: inset 0 0 0 3px #FFFFFF;
          box-shadow: inset 0 0 0 3px #FFFFFF;
}

.et-radio.et-radio--light:hover > input[type='radio'] + label::before {
  background: #000;
  -webkit-box-shadow: inset 0 0 0 3px #FFFFFF;
          box-shadow: inset 0 0 0 3px #FFFFFF;
}

.et-radio.et-radio--disabled {
  cursor: default;
}

.et-radio.et-radio--disabled input[type='radio'] + label {
  cursor: default;
}

.et-radio.et-radio--disabled:hover > input[type='radio'] + label::before {
  background: #FFFFFF;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* --- PROGRESS CIRCLE START --- */

.radial-timer {
  overflow: hidden;
  height: 26px;
  width: 26px;
  position: relative;
}

.radial-timer .radial-timer-half {
  height: 26px;
  width: 13px;
  border-radius: 13px 0 0 13px;
  background: #F24E1E;
  position: absolute;
}

.radial-timer .radial-timer-half:nth-of-type(2) {
  -webkit-transform-origin: center right;
  -webkit-transform: rotate(180deg);
}

.radial-timer .radial-timer-half:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  height: 22px;
  width: 11px;
  border-radius: 12px 0 0 12px;
  background: #151515;
}

.radial-timer .radial-timer-half:after {
  content: "";
  position: absolute;
  background: #151515;
  height: 52px;
  width: 39px;
  left: -26px;
  top: -13px;
  -webkit-transform-origin: center right;
}

.radial-timer.s-animate {
  -webkit-transform-origin: center right;
}

.radial-timer.s-animate .radial-timer-half:nth-of-type(1):after {
  -webkit-animation: rotateLeftMask 60s infinite linear;
}

.radial-timer.s-animate .radial-timer-half:nth-of-type(2):after {
  -webkit-animation: rotateRightMask 60s infinite linear;
}

@-webkit-keyframes rotateLeftMask {
  0% {
    -webkit-transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(180deg);
  }
}

@-webkit-keyframes rotateRightMask {
  0% {
    -webkit-transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    visibility: hidden;
  }

  100% {
    -webkit-transform: rotate(180deg);
    visibility: hidden;
  }
}

/* --- PROGRESS CIRCLE END --- */

.red-dot {
  display: inline-block;
  border-radius: 50%;
  border: 2px solid #e6e6e6;
  width: 11px;
  height: 11px;
  background-color: #c71000;
}

/* Header with horizontal separating line */

.separating-line-header {
  color: #a5a5a5;
  border-bottom: 1px solid #c2c3c3;
  font-size: 12px;
  font-weight: 600;
  line-height: 0;
  text-transform: uppercase;
  width: 100%;
}

.separating-line-header > span {
  background: #FFFFFF;
  padding: 0 20px 0 0;
}

.warning-message {
  border-radius: 5px;
  width: 600px;
  margin: auto;
  margin-top: 200px;
  background-color: #e9e9e9;
  color: #262626;
  padding: 30px;
  -webkit-box-shadow: 0px 9px 29px -3px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: 0px 9px 29px -3px rgba(0, 0, 0, 0.75);
  -o-box-shadow: 0px 9px 29px -3px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 9px 29px -3px rgba(0, 0, 0, 0.75);
}

.warning-message .warning-message__icon {
  color: #F24E1E;
  font-size: 25px;
  position: absolute;
}

.warning-message .warning-message__icon + .warning-message__text {
  padding-left: 50px;
}

a.pointer {
  cursor: pointer;
}

.new-item {
  display: inline-block;
  background-color: #216AC0;
  color: #FFFFFF;
  padding: 3px 3px 3px 2px;
  font-size: 13px;
  font-weight: 700;
  border-radius: 4px;
  vertical-align: 1px;
  margin-left: 4px;
  line-height: 1.0;
}

/* --- BUTTONS START ---*/

.round {
  font-size: 13px;
  padding: 5px 10px 5px 20px;
  border: 1px solid #d0d0d0;
  border-radius: 20px;
  margin-bottom: 35px;
}

.et-btn__wrapper {
  display: inline-block;
}

.et-btn_margin {
  margin: 50px;
}

.et-btn {
  border: 1px solid #F24E1E;
  border-radius: 4px;
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
  height: 40px;
  line-height: 38px;
  padding: 0 20px;
  text-align: center;
  width: auto;
  background: transparent;
  font-size: 13px;
  font-weight: 600;
  -webkit-appearance: none;
  color: #333;
  position: relative;
}

.et-btn.et-btn--left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.et-btn.et-btn--middle {
  border-radius: 0;
}

.et-btn.et-btn--right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.et-btn:focus {
  outline: none;
}

.et-btn:hover:not(:disabled):not(.disabled) {
  background-color: #F24E1E;
  color: #FFFFFF;
}

.et-btn.et-btn--grey {
  color: #888;
  background-color: transparent;
  border-color: #232323;
}

.et-btn.et-btn.et-btn.et-btn--no-border {
  border: none;
  height: 26px;
  line-height: 26px;
  min-width: 26px;
  margin-left: 6px;
}

.et-btn.et-btn.et-btn.et-btn--no-border:hover:not(:disabled):not(.disabled) {
  background-color: transparent;
  color: #F24E1E;
}

.et-btn.et-btn--inverted {
  color: #FFFFFF;
}

.et-btn.et-btn--inverted .preloading .spinner-layer {
  border-color: #e1e1e1;
}

.et-btn.et-btn--dark {
  color: #FFFFFF;
  background-color: #262626;
  border: 1px solid #FFFFFF;
  line-height: 40px;
}

.et-btn.et-btn--no-hover:hover:not(:disabled) {
  background-color: transparent;
  color: #F24E1E;
}

.et-btn.et-btn--on-light-bg:disabled {
  border: 1px solid #e1e1e1;
  color: #a5a5a5;
}

.et-btn.et-btn--dark-bg {
  color: #FFFFFF;
  background-color: #F24E1E;
  border-color: #FFFFFF;
}

.et-btn.et-btn--dark-bg:disabled {
  border-color: #dadada;
  color: #dadada;
}

.et-btn.et-btn--dark-bg:hover:not(:disabled) {
  color: #3d3d3d;
  background-color: #FFFFFF;
}

.et-btn.et-btn--warning,
.et-btn.et-btn-error {
  border-color: #c71000;
}

.et-btn.et-btn--warning:hover:not(:disabled),
.et-btn.et-btn-error:hover:not(:disabled) {
  background-color: #c71000;
}

.et-btn.et-btn--focus {
  background-color: #F24E1E;
}

.et-btn.et-btn--icon-only {
  padding: 0;
  width: 40px;
  border-color: transparent;
}

.et-btn.et-btn--icon-only:disabled {
  border-color: transparent;
}

.et-btn.et-btn--icon-only i:before {
  vertical-align: middle;
}

.et-btn.et-btn--small {
  height: 30px;
  line-height: 28px;
  font-size: 11px;
}

.et-btn.et-btn--as-checkbox {
  border-color: #e1e1e1;
  background-color: #f5f5f5;
  color: #5d5d5d;
}

.et-btn.et-btn--as-checkbox:hover:not(:disabled) {
  background-color: #e1e1e1;
  color: #5d5d5d;
}

.et-btn.et-btn--as-checkbox:disabled {
  border-color: #e1e1e1;
  color: #a5a5a5;
  cursor: default;
}

.et-btn.et-btn--double-line {
  line-height: 14px;
  vertical-align: middle;
}

.et-btn.et-btn--double-line .hint {
  font-style: initial;
  font-size: 75%;
}

.et-btn.et-btn--min-width {
  min-width: 200px;
}

.et-btn .preloading {
  display: inline-block;
  margin-right: 5px;
  position: static;
}

.et-btn .preloading > div {
  position: static;
}

.et-btn .preloading .spinner-layer {
  border-color: #aaa;
}

/* REPORT VIEW BUTTONS START */

.report-view-wrapper .et-btn {
  line-height: normal;
}

/* REPORT VIEW BUTTONS END */

/* --- BUTTONS END --- */

/* --- SPECIAL BUTTON START --- */

.et-btn--download {
  background: #e6e6e6;
  border: none;
  border-radius: 5px;
  color: #F24E1E !important;
  height: auto !important;
  line-height: inherit !important;
  padding: 12px 15px 12px 13px;
}

.et-btn--download:hover {
  background-color: #e6e6e6 !important;
  color: #F24E1E !important;
}

.et-btn--download > .icon {
  background-color: #FFFFFF;
  border-radius: 4px;
  color: #3d3d3d;
  float: left;
  font-size: 22px;
  height: 47px;
  margin-right: 15px;
  text-align: center;
  position: relative;
  width: 47px;
}

.et-btn--download .et-btn--download__label {
  vertical-align: baseline;
  line-height: 47px;
}

button.et-btn {
  background: transparent;
  font-size: 13px;
  font-weight: 600;
  -webkit-appearance: none;
}

button.et-btn:disabled {
  border: 1px solid #656565;
  color: #888;
  cursor: default;
  pointer-events: none;
}

/* REPORT VIEW BUTTONS START */

.report-view-wrapper .et-btn {
  line-height: normal;
}

/* REPORT VIEW BUTTONS END */

/* TOGGLE CONTROL START */

.toggleControl {
  position: relative;
  display: block;
  width: 36px;
  height: 18px;
}

.toggleControl input {
  position: absolute;
  opacity: 0;
}

.toggleControl__indicator {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f24e1e), to(#ff4a5a));
  background-image: -webkit-linear-gradient(top, #f24e1e, #ff4a5a);
  background-image: -o-linear-gradient(top, #f24e1e, #ff4a5a);
  background-image: linear-gradient(to bottom, #f24e1e, #ff4a5a);
  padding: 0;
  border-radius: 100px;
  cursor: pointer;
}

.toggleControl__indicator_2 {
  position: absolute;
  width: 18px;
  height: 100%;
  padding: 0;
  border: 2px solid transparent;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.toggleControl__indicator_2 .toggleControl__indicator_circle {
  height: 100%;
  width: 100%;
  background: #FFFFFF;
}

input:checked ~ .toggleControl__indicator_2 {
  left: calc(100% - 18px);
  top: 0;
}

input:not(:checked) ~ .toggleControl__indicator {
  background: #000;
  opacity: 0.6;
}

input:not(:checked) ~ .toggleControl__indicator_2 {
  left: 0;
  top: 0;
}

.apollo-date-picker .toggleControl input:checked ~ .toggleControl__indicator:after {
  content: "vs.";
  position: absolute;
  top: 0;
  left: 6px;
  color: #FFFFFF;
  font-size: 11px;
  line-height: 17px;
  font-weight: 400;
}

/* TOGGLE CONTROL END */

/* --- BUTTONS END --- */

/* LINK CONTROL START */

.et-lnk {
  display: inline-block;
  text-decoration: underline;
  cursor: pointer;
  color: #232323;
}

.et-lnk.et-lnk--dark {
  color: #FFFFFF;
}

/* LINK CONTROL END */

.upload-button {
  height: 40px;
}

.upload-button .et-btn {
  display: inline-block;
  position: relative;
  color: #a5a5a5;
  border: 1px dashed #a5a5a5;
  font-weight: normal;
  width: 250px;
}

.upload-button .icon-absolute-plus:before {
  left: 22px;
  font-size: 20px;
}

.upload-button input[type=file] {
  bottom: 0;
  cursor: pointer;
  height: 100%;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

/* NEW BUTTONS 15.12.17 START */

.btn {
  cursor: pointer;
  display: inline-block;
  height: 40px;
  line-height: 38px;
  padding: 0 20px;
  text-align: center;
  width: auto;
  min-width: 145px;
  background: transparent;
  font-size: 13px;
  font-weight: 600;
  -webkit-appearance: none;
  position: relative;
  border-radius: 4px;
}

.btn:focus,
.btn:active,
.btn:active:focus {
  outline: none;
  text-decoration: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline-style: none;
}

.btn.btn--light.btn--primary {
  background: #F24E1E;
  color: #FFFFFF;
}

.btn.btn--light.btn--primary:hover {
  background: #DB4519;
}

.btn.btn--light.btn--secondary {
  border: 1px solid #b1b1b1;
  background: transparent;
  color: #474747;
}

.btn.btn--light.btn--secondary:hover {
  border-color: #F24E1E;
  background: #F24E1E;
  color: #FFFFFF;
}

.btn.btn--light.btn--dashed {
  border: 1px dashed #b1b1b1;
  background: transparent;
  color: #474747;
}

.btn.btn--light.btn--dashed:hover {
  border-color: #F24E1E;
  background: #F24E1E;
  color: #FFFFFF;
}

.btn.btn--light.btn--with-icon {
  border: 1px solid #b1b1b1;
  background: transparent;
  color: #474747;
}

.btn.btn--light.btn--with-icon:hover {
  border-color: #F24E1E;
  background: #F24E1E;
  color: #FFFFFF;
}

.btn.btn--light.btn--only-icon {
  border: 1px solid transparent;
  background: transparent;
  color: #474747;
}

.btn.btn--light.btn--only-icon:hover {
  border-color: transparent;
  background: #F24E1E;
  color: #FFFFFF;
}

.btn.btn--blue.btn--primary {
  color: #FFFFFF;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn.btn--blue.btn--primary:focus,
.btn.btn--blue.btn--primary.focus {
  color: #FFFFFF;
  background-color: #286090;
  border-color: #122b40;
}

.btn.btn--blue.btn--primary:hover {
  color: #FFFFFF;
  background-color: #286090;
  border-color: #204d74;
}

.btn.btn--blue.btn--primary:active,
.btn.btn--blue.btn--primary.active,
.open > .btn.btn--blue.btn--primary.dropdown-toggle {
  color: #FFFFFF;
  background-color: #286090;
  background-image: none;
  border-color: #204d74;
}

.btn.btn--blue.btn--primary:active:hover,
.btn.btn--blue.btn--primary:active:focus,
.btn.btn--blue.btn--primary:active.focus,
.btn.btn--blue.btn--primary.active:hover,
.btn.btn--blue.btn--primary.active:focus,
.btn.btn--blue.btn--primary.active.focus,
.open > .btn.btn--blue.btn--primary.dropdown-toggle:hover,
.open > .btn.btn--blue.btn--primary.dropdown-toggle:focus,
.open > .btn.btn--blue.btn--primary.dropdown-toggle.focus {
  color: #FFFFFF;
  background-color: #204d74;
  border-color: #122b40;
}

.btn.btn--blue.btn--primary.disabled:hover,
.btn.btn--blue.btn--primary.disabled:focus,
.btn.btn--blue.btn--primary.disabled.focus,
.btn.btn--blue.btn--primary[disabled]:hover,
.btn.btn--blue.btn--primary[disabled]:focus,
.btn.btn--blue.btn--primary[disabled].focus,
fieldset[disabled] .btn.btn--blue.btn--primary:hover,
fieldset[disabled] .btn.btn--blue.btn--primary:focus,
fieldset[disabled] .btn.btn--blue.btn--primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn.btn--blue.btn--primary .badge {
  color: #337ab7;
  background-color: #FFFFFF;
}

.btn.btn--dark.btn--primary {
  background: #F24E1E;
  color: #FFFFFF;
}

.btn.btn--dark.btn--primary:hover {
  background: #DB4519;
}

.btn.btn--dark.btn--secondary {
  border: 1px solid #FFFFFF;
  background: transparent;
  color: #FFFFFF;
}

.btn.btn--dark.btn--secondary:hover {
  border-color: #F24E1E;
  background: #F24E1E;
  color: #FFFFFF;
}

.btn.btn--dark.btn--dashed {
  border: 1px dashed #FFFFFF;
  background: transparent;
  color: #FFFFFF;
}

.btn.btn--dark.btn--dashed:hover {
  border-color: #F24E1E;
  background: #F24E1E;
  color: #FFFFFF;
}

.btn.btn--dark.btn--with-icon {
  border: 1px solid #FFFFFF;
  background: transparent;
  color: #FFFFFF;
}

.btn.btn--dark.btn--with-icon:hover {
  border-color: #F24E1E;
  background: #F24E1E;
  color: #FFFFFF;
}

.btn.btn--dark.btn--only-icon {
  border: 1px solid transparent;
  background: transparent;
  color: #FFFFFF;
}

.btn.btn--dark.btn--only-icon:hover {
  border-color: transparent;
  background: #F24E1E;
  color: #FFFFFF;
}

.btn.btn--with-icon pre-loading,
.btn.bth--with-preloader pre-loading {
  display: inline-block;
  width: 14px;
}

.btn.btn--with-icon i,
.btn.bth--with-preloader i {
  font-size: 16px;
  position: absolute;
  left: 14px;
  top: 0;
  width: 16px;
}

.btn.btn--with-icon i:before,
.btn.bth--with-preloader i:before {
  vertical-align: middle;
  display: inline-block;
  position: relative;
}

.btn.btn--only-icon {
  width: 40px;
  min-width: auto;
  padding: 0;
}

.btn.btn--only-icon i {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 16px;
}

.btn.btn--only-icon i.icon-close {
  font-size: 12px;
}

.btn.btn--only-icon i:before {
  left: calc(50% - 0.5em);
  position: absolute;
  top: calc(50% - 0.5em);
}

.btn.btn--small {
  min-width: 105px;
  height: 30px;
  line-height: 28px;
}

.btn.btn--light.btn--primary:disabled,
.btn.btn--light.btn--secondary:disabled {
  border: 1px solid #dbdbdb;
  background: #f7f7f7;
  color: #b1b1b1;
  opacity: 1;
  pointer-events: none;
}

.btn.btn--dark.btn--primary:disabled,
.btn.btn--dark.btn--secondary:disabled {
  border: 1px solid #6b6b6b;
  background: transparent;
  color: #6b6b6b;
  opacity: 1;
  pointer-events: none;
}

.btn.btn--left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn.btn--middle {
  border-radius: 0;
}

.btn.btn--right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* NEW BUTTONS 15.12.17 END */

.highlighted-code {
  color: #FFFFFF;
}

.highlighted-code span {
  display: inline !important;
}

.highlighted-code .support.attribute,
.highlighted-code .support.operator {
  color: #a201ff;
}

.highlighted-code .support.tag {
  color: #FFFFFF;
}

.highlighted-code .support.tag .support.tag-name {
  color: #35e33d;
}

.highlighted-code .support.tag.close,
.highlighted-code .support.tag.special {
  color: #FFFFFF;
}

.highlighted-code .string.quote,
.highlighted-code .string.value {
  color: #0046fe;
}

.highlighted-code .string-literal {
  color: #35e33d;
}

.highlighted-code .comment-javascript {
  color: #888;
}

/* --- OLD BASIC START --- */

.dropdown-toggle .icon.icon-chevron {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  font-size: 12px;
}

.dropdown {
  display: inline-block;
  /* --- OLD DEFAULT DROPDOWN LIST START --- */
  /* --- OLD DEFAULT DROPDOWN LIST END --- */
}

.dropdown .dropdown-toggle {
  color: #232323;
  background: #fafafa;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  font-size: 13px;
  height: 40px;
  margin-top: 0;
  padding: 7px 15px 7px 20px;
  min-width: 150px;
}

.dropdown .dropdown-toggle .icon {
  margin-left: 10px;
}

.dropdown .dropdown-toggle .icon.icon-chevron {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  font-size: 12px;
}

.dropdown:hover .dropdown-toggle .icon {
  color: #F24E1E;
}

.dropdown .dropdown-menu {
  background-color: #232323;
  border: none;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14);
  font-size: 14px;
  padding: 10px 0;
  margin-top: 14px;
}

.dropdown .dropdown-menu li {
  cursor: pointer;
  position: relative;
}

.dropdown .dropdown-menu li:before {
  content: " ";
  display: block;
  height: 1px;
  position: absolute;
  left: 20px;
  width: calc(100% - 40px);
  top: 0;
  background-color: #1e1e1e;
  z-index: 5;
}

.dropdown .dropdown-menu li:first-child:before {
  display: none;
}

.dropdown .dropdown-menu li:first-child a {
  position: relative;
}

.dropdown .dropdown-menu li:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.dropdown .dropdown-menu li:last-child a {
  padding: 10px 0 20px 20px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.dropdown .dropdown-menu li a {
  position: relative;
  padding: 10px 0;
  line-height: 1;
  cursor: pointer;
  color: #FFFFFF;
  margin-right: 27px;
}

.dropdown .dropdown-menu li a:hover {
  background: transparent;
}

.dropdown .dropdown-menu li:hover {
  background-color: #1e1e1e;
  color: #FFFFFF;
}

.dropdown .dropdown-menu li:hover a:after {
  -moz-osx-font-smoothing: grayscale;
  content: 'c';
  color: #F24E1E;
  font-family: "etracker";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  font-size: 12px;
  position: absolute;
  right: -26px;
}

.dropdown .dropdown-menu li:hover:not(.disabled)::before,
.dropdown .dropdown-menu li:hover + li:not(.disabled)::before {
  display: none;
}

/* --- OLD BASIC END --- */

/* --- REPORT VIEW START --- */

.report-view-cnt {
  float: left;
  margin-left: 10px;
}

.report-view-cnt .report-view-dropdown-cnt {
  float: left;
}

.report-view-cnt .report-view-dropdown-cnt.active .dropdown .dropdown-toggle {
  background: #fafafa;
}

.report-view-cnt .report-view-dropdown-cnt .dropdown .dropdown-toggle {
  height: 40px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: transparent;
  font-size: 12px;
  font-weight: 600;
  color: #232323;
  padding: 0 41px 0 25px;
}

.report-view-cnt .report-view-dropdown-cnt .dropdown .dropdown-toggle[disabled] .icon {
  opacity: 0;
}

.report-view-cnt .report-view-dropdown-cnt .dropdown .dropdown-menu {
  width: 280px;
  margin-left: -35px;
  z-index: 1000;
}

.report-view-cnt .report-view-dropdown-cnt .dropdown .dropdown-menu.disable-default .default-view {
  display: none;
}

.report-view-cnt .report-view-dropdown-cnt .dropdown .dropdown-menu.disable-default .name-config-cnt.name-config-cnt {
  width: 255px;
}

.report-view-cnt .report-view-dropdown-cnt .dropdown .dropdown-menu .dropdown-hl {
  font-size: 11px;
  letter-spacing: 0.5px;
  color: #9e9e9e;
  text-transform: uppercase;
  margin: 12px 0 3px;
  padding: 0 11px 0 20px;
}

.report-view-cnt .report-view-dropdown-cnt .dropdown .dropdown-menu .dropdown-hl.default {
  width: 66px;
  text-align: center;
}

.report-view-cnt .report-view-dropdown-cnt .dropdown .dropdown-menu .item {
  height: 44px;
  line-height: 44px;
  padding: 0 9px;
}

.report-view-cnt .report-view-dropdown-cnt .dropdown .dropdown-menu .item .input-cnt,
.report-view-cnt .report-view-dropdown-cnt .dropdown .dropdown-menu .item .name-config-cnt {
  border-bottom: solid 1px #e6e6e6;
  height: 100%;
  font-size: 13px;
  font-weight: 600;
  color: #1e1e1e;
  position: relative;
}

.report-view-cnt .report-view-dropdown-cnt .dropdown .dropdown-menu .item:last-child .input-cnt,
.report-view-cnt .report-view-dropdown-cnt .dropdown .dropdown-menu .item:last-child .name-config-cnt {
  border-bottom: none;
}

.report-view-cnt .report-view-dropdown-cnt .dropdown .dropdown-menu .item .name-config-cnt {
  float: left;
  width: 163px;
  padding-left: 11px;
}

.report-view-cnt .report-view-dropdown-cnt .dropdown .dropdown-menu .item .name-config-cnt .item-name {
  float: left;
  cursor: pointer;
  max-width: 153px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}

.report-view-cnt .report-view-dropdown-cnt .dropdown .dropdown-menu .item .name-config-cnt .icon {
  float: right;
  color: #aaa;
  font-size: 16px;
  cursor: pointer;
}

.report-view-cnt .report-view-dropdown-cnt .dropdown .dropdown-menu .item .name-config-cnt .icon:before {
  left: auto;
  right: 7px;
}

.report-view-cnt .report-view-dropdown-cnt .dropdown .dropdown-menu .item .input-cnt {
  float: right;
  width: 66px;
}

.report-view-cnt .report-view-dropdown-cnt .dropdown .dropdown-menu .reset {
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #ebebeb;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  color: #1e1e1e;
}

.report-view-cnt .report-view-dropdown-cnt button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.report-view-cnt .report-view-dropdown-cnt button save-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 1;
}

.report-view-cnt .save {
  width: 48px;
  height: 40px;
  position: relative;
  border-radius: 4px;
  background-color: transparent;
  border: solid 1px #e9e9e9;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  float: right;
}

.report-view-cnt .save:before {
  margin-left: -1px;
  color: #c2c3c3;
}

.report-view-cnt .save.active {
  cursor: pointer;
}

.report-view-cnt .save.active:before {
  color: #1e1e1e;
}

/* --- REPORT VIEW END --- */

/* --- NEW CLEAN DROPDOWNS START 16.06.2017 --- */

/* DROPDOWN BTN START */

.dropdown {
  vertical-align: middle;
  height: 40px;
  line-height: 1;
}

.dropdown .dropdown__btn {
  color: #474747;
  background: #f7f7f7;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  font-size: 13px;
  height: 40px;
  line-height: 1;
  margin-top: 0;
  padding: 0 32px 0 16px;
  line-height: 38px;
  min-width: 150px;
  width: 100%;
}

.dropdown .dropdown__btn .txt {
  width: 100%;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  text-align: left;
  display: inline-block;
}

.dropdown .dropdown__btn .txt.info-icon {
  width: initial;
}

.dropdown .dropdown__btn .info-inline {
  vertical-align: 16px;
  padding-right: 0.5px;
}

.dropdown .dropdown__btn .icon {
  color: #b1b1b1;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  float: none !important;
  width: 10px;
  height: 12px;
  position: absolute;
  right: 13px;
  top: 50%;
  font-size: 9px;
  margin-top: -6px;
}

.dropdown:hover .dropdown__btn:not([disabled]) .icon {
  color: #F24E1E;
}

.dropdown.open .dropdown__btn .icon {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.dropdown.dropdown-style-btn--light .dropdown__btn {
  color: #474747;
  background: #f7f7f7;
  border: 1px solid #dbdbdb;
}

.dropdown.dropdown-style-btn--inverted .dropdown__btn {
  background: transparent;
  border-color: #FFFFFF;
  color: #FFFFFF;
}

.dropdown.dropdown-style-btn--inverted .dropdown__btn .icon {
  color: #6b6b6b;
}

.dropdown.dropdown-style-btn--inverted:hover .dropdown__btn:not([disabled]) .icon {
  color: #F24E1E;
}

.dropdown.dropdown-style-btn--small {
  height: 30px;
}

.dropdown.dropdown-style-btn--small .dropdown__btn {
  min-width: 80px;
  height: 30px;
  line-height: 28px;
  margin-top: 0;
  padding: 0 36px 0 14px;
}

.dropdown.dropdown-style-btn--small .dropdown__btn .icon {
  right: 12px;
}

.dropdown.dropdown-style-btn--left .dropdown__btn,
.dropdown.dropdown-style-btn--medium .dropdown__btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.dropdown.dropdown-style-btn--right .dropdown__btn,
.dropdown.dropdown-style-btn--medium .dropdown__btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

.dropdown.dropdown-style-btn--icon .dropdown__btn {
  padding: 0;
  font-size: 16px;
  min-width: 20px;
}

.dropdown.dropdown-style-btn--icon .dropdown__btn .icon-absolute-chevron {
  display: none;
}

.dropdown.dropdown-style-btn--text {
  height: 30px;
}

.dropdown.dropdown-style-btn--text .dropdown__btn {
  background: transparent;
  border: none;
  color: #FFFFFF;
  text-align: left;
  height: 30px;
  line-height: 30px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-weight: 700;
  font-size: 14px;
}

.dropdown.dropdown-style-btn--text .dropdown__btn > span {
  float: left;
}

.dropdown.dropdown-style-btn--text .dropdown__btn .icon-chevron {
  font-size: 12px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  float: left !important;
}

.dropdown.dropdown-style-btn--warning .dropdown__btn {
  border: 1px solid #F24E1E;
}

/* DROPWDOWN BTN END */

/* DROPDOWN LIST START */

.dropdown.open .dropdown__list-cnt .dropdown__list-inner {
  display: block;
  /* 2017-08-10: FIX FOR BROKEN DROPDOWNS */
}

.dropdown.open .dropdown__list-cnt .dropdown__list-inner .dropdown-menu {
  display: block;
}

.dropdown.open .dropdown__list-cnt:before {
  bottom: -19px;
  content: "";
  height: 9px;
  left: 50%;
  margin-left: -4px;
  position: absolute;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 9px;
  z-index: 1004;
  background-color: #FFFFFF;
  border-left: solid 1px #f7f7f7;
  border-top: solid 1px #f7f7f7;
  -webkit-box-shadow: -2px -2px 5px -2px rgba(0, 0, 0, 0.1);
          box-shadow: -2px -2px 5px -2px rgba(0, 0, 0, 0.1);
}

.dropdown .dropdown__list-cnt .dropdown__list-inner {
  display: none;
  -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.18);
          box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.18);
  font-size: 14px;
  padding: 10px 0 !important;
  margin-top: 14px;
  background-color: #FFFFFF;
  border: solid 1px #f7f7f7;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 100%;
  text-align: left;
  border-radius: 4px;
  background-clip: padding-box;
}

.dropdown .dropdown__list-cnt .dropdown__list-inner .list-cnt__list {
  list-style: none;
}

.dropdown .dropdown__list-cnt .dropdown__list-inner .list-cnt__list li {
  padding: 0 20px;
  position: relative;
}

.dropdown .dropdown__list-cnt .dropdown__list-inner .list-cnt__list li:not(.item-disabled) {
  cursor: pointer;
}

.dropdown .dropdown__list-cnt .dropdown__list-inner .list-cnt__list li:not(.item-disabled) a {
  cursor: pointer;
}

.dropdown .dropdown__list-cnt .dropdown__list-inner .list-cnt__list li:before {
  content: " ";
  display: block;
  height: 1px;
  position: absolute;
  left: 20px;
  width: calc(100% - 40px);
  top: 0;
  z-index: 5;
  background-color: #dbdbdb;
}

.dropdown .dropdown__list-cnt .dropdown__list-inner .list-cnt__list li:first-child:before {
  display: none;
}

.dropdown .dropdown__list-cnt .dropdown__list-inner .list-cnt__list li:first-child a {
  position: relative;
}

.dropdown .dropdown__list-cnt .dropdown__list-inner .list-cnt__list li a {
  position: relative;
  padding: 10px 0;
  line-height: 1;
  color: #474747;
  margin-right: 27px;
  display: block;
  clear: both;
  font-weight: normal;
  white-space: nowrap;
}

.dropdown .dropdown__list-cnt .dropdown__list-inner .list-cnt__list li a:hover {
  background: transparent;
  text-decoration: none;
}

.dropdown .dropdown__list-cnt .dropdown__list-inner .list-cnt__list li:not(.item-disabled):hover {
  background-color: #f7f7f7;
  color: #474747;
}

.dropdown .dropdown__list-cnt .dropdown__list-inner .list-cnt__list li:not(.item-disabled):hover a:after {
  -moz-osx-font-smoothing: grayscale;
  content: 'c';
  color: #F24E1E;
  font-family: "etracker";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  font-size: 12px;
  position: absolute;
  right: -26px;
}

.dropdown .dropdown__list-cnt .dropdown__list-inner .list-cnt__list li:not(.item-disabled):hover::before,
.dropdown .dropdown__list-cnt .dropdown__list-inner .list-cnt__list li:not(.item-disabled):hover + li::before {
  display: none;
}

.dropdown .dropdown__list-cnt .dropdown__list-inner .list-cnt__list li.selected a {
  color: #474747;
}

.dropdown .dropdown__list-cnt .dropdown__list-inner .list-cnt__list li.selected a:after {
  color: #474747;
  -moz-osx-font-smoothing: grayscale;
  content: 'c';
  font-family: "etracker";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  font-size: 12px;
  position: absolute;
  right: -26px;
}

.dropdown .dropdown__list-cnt .dropdown__list-inner .list-cnt__list li.inactive {
  background: none;
}

.dropdown .dropdown__list-cnt .dropdown__list-inner .list-cnt__list li.inactive:hover::before,
.dropdown .dropdown__list-cnt .dropdown__list-inner .list-cnt__list li.inactive:hover + li::before {
  display: block;
}

.dropdown .dropdown__list-cnt .dropdown__list-inner .list-cnt__list li.inactive:first-child:before {
  display: none;
}

.dropdown .dropdown__list-cnt .dropdown__list-inner .list-cnt__list li.inactive a {
  color: #b1b1b1;
}

.dropdown .dropdown__list-cnt .dropdown__list-inner .list-cnt__list li.inactive a:after {
  color: #b1b1b1;
  -moz-osx-font-smoothing: grayscale;
  content: 'c';
  font-family: "etracker";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  font-size: 12px;
  position: absolute;
  right: -26px;
}

.dropdown .dropdown__list-cnt .dropdown__list-inner .list-cnt__list li.item-disabled a {
  color: #9e9e9e !important;
}

.dropdown.dropdown-style-list--dark .dropdown__list-cnt:before {
  background-color: #262626;
  border: none !important;
}

.dropdown.dropdown-style-list--dark .dropdown__list-cnt .dropdown__list-inner {
  background-color: #262626;
  border: none !important;
}

.dropdown.dropdown-style-list--dark .dropdown__list-cnt .dropdown__list-inner .list-cnt__list li:before {
  background-color: #060606;
}

.dropdown.dropdown-style-list--dark .dropdown__list-cnt .dropdown__list-inner .list-cnt__list li > a {
  color: #FFFFFF;
}

.dropdown.dropdown-style-list--dark .dropdown__list-cnt .dropdown__list-inner .list-cnt__list li:hover:not(.item-disabled):not(.column-header):not(.segment-placeholder):not(.dropdown-dark--active) {
  background-color: #060606;
  color: #FFFFFF;
}

.dropdown.dropdown-style-list--dark .dropdown__list-cnt .dropdown__list-inner .list-cnt__list li.selected a {
  color: #FFFFFF;
}

.dropdown.dropdown-style-list--dark .dropdown__list-cnt .dropdown__list-inner .list-cnt__list li.selected a:after {
  color: #FFFFFF;
}

.dropdown.dropdown-style-list--dark .dropdown__list-cnt .dropdown__list-inner .list-cnt__list li.inactive {
  background: none;
}

.dropdown.dropdown-style-list--dark .dropdown__list-cnt .dropdown__list-inner .list-cnt__list li.inactive a {
  color: #6b6b6b;
}

.dropdown.dropdown-style-list--dark .dropdown__list-cnt .dropdown__list-inner .list-cnt__list li.inactive a:after {
  color: #6b6b6b;
}

.dropdown.dropdown-style-list--height-limit .dropdown__list-cnt .dropdown__list-inner {
  max-height: 350px;
  overflow-y: auto;
}

.dropdown.dropdown-style-list--dropup .dropdown__btn .icon {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.dropdown.dropdown-style-list--dropup.open .icon {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.dropdown.dropdown-style-list--dropup .dropdown__list-cnt:before {
  bottom: 100% !important;
  margin-bottom: 11px;
  border-left: none !important;
  border-top: none !important;
  border-right: solid 1px #f7f7f7;
  border-bottom: solid 1px #f7f7f7;
  -webkit-box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1);
}

.dropdown.dropdown-style-list--dropup .dropdown__list-cnt .dropdown__list-inner {
  bottom: 100%;
  margin-bottom: 15px;
  top: initial;
}

.dropdown.dropdown-style-list--right .dropdown__btn .icon {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

.dropdown.dropdown-style-list--right.open .icon {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.dropdown.dropdown-style-list--right .dropdown__list-cnt:before {
  left: 100% !important;
  margin-left: 11px;
  top: calc(50% - 4px);
  border-left: none !important;
  border-top: none !important;
  border-right: solid 1px #f7f7f7;
  border-bottom: solid 1px #f7f7f7;
  -webkit-box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1);
}

.dropdown.dropdown-style-list--right .dropdown__list-cnt .dropdown__list-inner {
  left: 100%;
  margin-left: 15px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
}

/* DROPDOWN LIST END */

/* CUSTOM DROPDOWN START */

/* --- REPORT VIEW DROPDOWN START --- */

.dropdown.report-view-dropdown-cnt {
  float: left;
}

.dropdown.report-view-dropdown-cnt.active .dropdown .dropdown-toggle {
  background: #fafafa;
}

.dropdown.report-view-dropdown-cnt .dropdown__btn {
  height: 40px;
  background: transparent;
  font-size: 12px;
  font-weight: 600;
  color: #232323;
  padding: 0 41px 0 25px;
}

.dropdown.report-view-dropdown-cnt .dropdown__btn[disabled] {
  color: #b4b4b4;
}

.dropdown.report-view-dropdown-cnt .dropdown__btn[disabled] .icon {
  color: #b4b4b4;
}

.dropdown.report-view-dropdown-cnt.dropdown-style-btn--icon .dropdown__btn {
  padding: 0;
  font-size: 16px;
  font-weight: normal;
  min-width: 48px;
}

.dropdown.report-view-dropdown-cnt.dropdown-style-btn--icon .dropdown__btn .icon-absolute-save:before {
  margin-left: -1px;
}

.dropdown.report-view-dropdown-cnt.dropdown-style-btn--icon .dropdown__btn .icon-absolute-chevron {
  display: none;
}

.dropdown.report-view-dropdown-cnt.dropdown-style-btn--icon .dropdown__list-cnt .dropdown__list-inner {
  width: 300px;
  margin-left: -130px;
}

.dropdown.report-view-dropdown-cnt.dropdown-style-btn--icon .dropdown__list-cnt .dropdown__list-inner .edit-view-cnt {
  padding: 9px;
}

.dropdown.report-view-dropdown-cnt.dropdown-style-btn--icon .dropdown__list-cnt .dropdown__list-inner .edit-view-cnt > div {
  cursor: pointer;
}

.dropdown.report-view-dropdown-cnt.dropdown-style-btn--icon .dropdown__list-cnt .dropdown__list-inner .edit-view-cnt > div.disabled {
  cursor: default;
  color: #b4b4b4;
}

.dropdown.report-view-dropdown-cnt.dropdown-style-btn--icon .dropdown__list-cnt .dropdown__list-inner .edit-view-cnt > div.disabled .icon {
  color: #b4b4b4;
}

.dropdown.report-view-dropdown-cnt.dropdown-style-btn--icon .dropdown__list-cnt .dropdown__list-inner .edit-view-cnt div.warning {
  cursor: default;
  position: relative;
  background-color: #F24E1E;
  color: #FFFFFF;
  line-height: 19px;
  border-radius: 4px;
  padding-bottom: 10px;
}

.dropdown.report-view-dropdown-cnt.dropdown-style-btn--icon .dropdown__list-cnt .dropdown__list-inner .edit-view-cnt div.warning .icon-absolute-warning {
  position: absolute;
  left: 15px;
  top: 25px;
}

.dropdown.report-view-dropdown-cnt.dropdown-style-btn--icon .dropdown__list-cnt .dropdown__list-inner .edit-view-cnt div.warning > div {
  margin-left: 39px;
  font-weight: 400;
}

.dropdown.report-view-dropdown-cnt.dropdown-style-btn--icon .dropdown__list-cnt .dropdown__list-inner .edit-view-cnt > div.border {
  border-top: solid 1px #e6e6e6;
}

.dropdown.report-view-dropdown-cnt.dropdown-style-btn--icon .dropdown__list-cnt .dropdown__list-inner .edit-view-cnt > div {
  min-height: 44px;
  padding: 14px 0 14px 0px;
  font-size: 13px;
  font-weight: 600;
}

.dropdown.report-view-dropdown-cnt.dropdown-style-btn--icon .dropdown__list-cnt .dropdown__list-inner .edit-view-cnt > div [class*="icon-"] {
  font-size: 16px;
  vertical-align: text-bottom;
  padding-right: 8px;
}

.dropdown.report-view-dropdown-cnt.dropdown-style-btn--icon .dropdown__list-cnt .dropdown__list-inner .edit-view-cnt .item {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.dropdown.report-view-dropdown-cnt.dropdown-style-btn--icon .dropdown__list-cnt .dropdown__list-inner .edit-view-cnt document-plus-icon,
.dropdown.report-view-dropdown-cnt.dropdown-style-btn--icon .dropdown__list-cnt .dropdown__list-inner .edit-view-cnt save-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 1;
}

.dropdown.report-view-dropdown-cnt .dropdown__list-cnt.disable-default .dropdown__list-inner .default-view {
  display: none;
}

.dropdown.report-view-dropdown-cnt .dropdown__list-cnt.disable-default .dropdown__list-inner .name-config-cnt.name-config-cnt {
  width: 255px;
}

.dropdown.report-view-dropdown-cnt .dropdown__list-cnt .dropdown__list-inner {
  width: 280px;
  margin-left: -35px;
  padding: 0 !important;
}

.dropdown.report-view-dropdown-cnt .dropdown__list-cnt .dropdown__list-inner .dropdown-hl {
  font-size: 11px;
  letter-spacing: 0.5px;
  color: #9e9e9e;
  text-transform: uppercase;
  margin: 12px 0 3px;
  padding: 0 11px 0 20px;
}

.dropdown.report-view-dropdown-cnt .dropdown__list-cnt .dropdown__list-inner .dropdown-hl.default {
  width: 66px;
  text-align: center;
}

.dropdown.report-view-dropdown-cnt .dropdown__list-cnt .dropdown__list-inner .item {
  height: 44px;
  line-height: 44px;
  padding: 0 9px;
}

.dropdown.report-view-dropdown-cnt .dropdown__list-cnt .dropdown__list-inner .item:hover {
  background-color: #f7f7f7;
}

.dropdown.report-view-dropdown-cnt .dropdown__list-cnt .dropdown__list-inner .item .input-cnt,
.dropdown.report-view-dropdown-cnt .dropdown__list-cnt .dropdown__list-inner .item .name-config-cnt {
  border-bottom: solid 1px #e6e6e6;
  height: 100%;
  font-size: 13px;
  font-weight: 600;
  color: #1e1e1e;
  position: relative;
}

.dropdown.report-view-dropdown-cnt .dropdown__list-cnt .dropdown__list-inner .item:last-child .input-cnt,
.dropdown.report-view-dropdown-cnt .dropdown__list-cnt .dropdown__list-inner .item:last-child .name-config-cnt {
  border-bottom: none;
}

.dropdown.report-view-dropdown-cnt .dropdown__list-cnt .dropdown__list-inner .item .name-config-cnt {
  float: left;
  width: 163px;
  padding-left: 11px;
}

.dropdown.report-view-dropdown-cnt .dropdown__list-cnt .dropdown__list-inner .item .name-config-cnt.own-report {
  width: 255px;
}

.dropdown.report-view-dropdown-cnt .dropdown__list-cnt .dropdown__list-inner .item .name-config-cnt .item-name {
  float: left;
  cursor: pointer;
  max-width: 153px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}

.dropdown.report-view-dropdown-cnt .dropdown__list-cnt .dropdown__list-inner .item .name-config-cnt .icon {
  float: right;
  color: #aaa;
  font-size: 16px;
  cursor: pointer;
}

.dropdown.report-view-dropdown-cnt .dropdown__list-cnt .dropdown__list-inner .item .name-config-cnt .icon:before {
  left: auto;
  right: 7px;
}

.dropdown.report-view-dropdown-cnt .dropdown__list-cnt .dropdown__list-inner .item .input-cnt {
  float: right;
  width: 66px;
}

.dropdown.report-view-dropdown-cnt .dropdown__list-cnt .dropdown__list-inner .reset {
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #ebebeb;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  color: #1e1e1e;
}

.report-view-cnt .save {
  width: 48px;
  height: 40px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  border-radius: 4px;
  background-color: transparent;
  border: solid 1px #e1e1e1;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  float: right;
}

.report-view-cnt .save:before {
  margin-left: -1px;
  color: #c2c3c3;
}

.report-view-cnt .save.active {
  cursor: pointer;
}

.report-view-cnt .save.active:before {
  color: #1e1e1e;
}

.report-view-cnt .save save-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 1;
  color: #DEE0E2;
}

.report-view-cnt .save.active save-icon {
  color: #222222;
}

.report-view-cnt .has-scrollbar .dropdown-hl .default {
  margin-right: 30px;
}

.report-view-cnt .has-scrollbar .dropdown__list-cnt .dropdown__list-inner {
  width: 310px !important;
  max-height: 500px;
  overflow-y: auto;
}

/* --- REPORT VIEW DROPDOWN END --- */

/* CUSTOM DROPDOWN END */

/* --- NEW CLEAN DROPDOWNS END 16.06.2017 --- */

.et-input {
  border-radius: 4px;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  background-color: #1e1e1e;
  outline-width: 0;
  width: 300px;
  padding: 0 22px;
}

.et-input:disabled {
  background-color: #f5f5f5;
}

.et-input::-webkit-input-placeholder,
.et-input::-webkit-input-placeholder,
.et-input::-moz-placeholder,
.et-input::-moz-placeholder,
.et-input:-ms-input-placeholder,
.et-input:-moz-placeholder {
  color: #888;
  opacity: 1;
}

.et-input::placeholder,
.et-input::-webkit-input-placeholder,
.et-input::-moz-placeholder,
.et-input::-moz-placeholder,
.et-input:-ms-input-placeholder,
.et-input:-moz-placeholder {
  color: #888;
  opacity: 1;
}

.et-input--light {
  border-color: #e1e1e1;
  background-color: #f5f5f5;
  color: #5d5d5d;
}

.et-input--transparent {
  color: #FFFFFF;
  border-color: #FFFFFF;
  background: transparent;
}

.et-input--transparent::-webkit-input-placeholder,
.et-input--transparent::-webkit-input-placeholder,
.et-input--transparent::-moz-placeholder,
.et-input--transparent::-moz-placeholder,
.et-input--transparent:-ms-input-placeholder,
.et-input--transparent:-moz-placeholder {
  color: #c6c6c6;
}

.et-input--transparent::placeholder,
.et-input--transparent::-webkit-input-placeholder,
.et-input--transparent::-moz-placeholder,
.et-input--transparent::-moz-placeholder,
.et-input--transparent:-ms-input-placeholder,
.et-input--transparent:-moz-placeholder {
  color: #c6c6c6;
}

.et-input--dark {
  color: #FFFFFF;
  background-color: #262626;
  border-color: #FFFFFF;
}

.et-input--dark:disabled {
  color: #aaa;
  background-color: #262626;
}

.et-input--small {
  height: 30px;
  line-height: 30px;
  padding-left: 11px;
  padding-right: 11px;
}

.et-input--warning,
.et-input--warn,
.et-input--error {
  -webkit-box-shadow: 0 0 0 2px #F24E1E;
          box-shadow: 0 0 0 2px #F24E1E;
}

.et-input--warning > button.dropdown-toggle,
.et-input--warn > button.dropdown-toggle,
.et-input--error > button.dropdown-toggle {
  border-color: #F24E1E !important;
}

textarea.et-input {
  padding: 11px;
}

/* Input field with one (or multiple) button(s). E. g. attribute.html */

.combi-input.combi-input {
  height: 40px;
}

.combi-input.combi-input .et-input {
  width: auto;
}

.combi-input.combi-input > .combi-input__item.combi-input__item {
  border-color: #aaa !important;
  border-width: 1px !important;
  float: left;
  height: 40px;
  line-height: normal;
}

.combi-input.combi-input > .combi-input__item:first-child {
  border-radius: 4px 0 0 4px;
  border-right: none !important;
}

.combi-input.combi-input > .combi-input__item:last-child {
  border-radius: 0 4px 4px 0;
  border-left: none !important;
}

.combi-input.combi-input > .combi-input__item:not(:last-child) {
  border-right: 1px solid #aaa !important;
}

.combi-input.combi-input > .combi-input__item:not(:first-child):not(:last-child) {
  border-radius: 0;
  border-right: none;
  border-left: none;
}

/* --- TOOLTIPS START --- */

.tooltip {
  font-size: 10px;
  text-align: left;
  padding: 0;
  width: 200px;
  z-index: 1004;
}

.tooltip.higher-z-index {
  z-index: 1025;
}

.tooltip .tooltip-inner {
  max-width: 200px;
  padding: 10px 14px 11px 15px;
  text-align: left;
  border-radius: 5px;
  position: relative;
}

.tooltip .tooltip-inner p {
  padding: 0;
  text-align: left;
  margin: 0;
}

.tooltip .tooltip-inner p span {
  font-weight: 700;
}

.tooltip.in {
  opacity: 1;
}

.tooltip--number {
  width: auto;
  top: -25px !important;
  font-size: 12px;
}

.tooltip--wide {
  width: 500px !important;
}

.tooltip--wide .tooltip-inner {
  max-width: 500px !important;
}

.tooltip--small {
  width: 160px !important;
}

.tooltip--small .tooltip-inner {
  max-width: 160px !important;
}

.tooltip--smallest {
  width: 100px !important;
}

.tooltip--smallest .tooltip-inner {
  max-width: 100px !important;
}

.tooltip--center .tooltip-inner {
  text-align: center;
}

.tooltip--light .tooltip-inner {
  color: #232323;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.14);
          box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.14);
}

.tooltip--light.right .tooltip-arrow {
  border-right-color: #FFFFFF;
}

.tooltip--light.tooltip.top .tooltip-arrow {
  border-top-color: #FFFFFF;
}

.tooltip--light.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #FFFFFF;
}

.tooltip-dark .tooltip-inner {
  color: #FFFFFF;
  background-color: #232323;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14);
}

.tooltip-dark.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #232323;
}

.tooltip-pre {
  white-space: pre-wrap;
}

.tooltip.top {
  margin-top: -10px;
}

.tooltip.top-left {
  margin-left: 20px;
}

.tooltip.top-right {
  margin-left: -50%;
}

.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
  bottom: 1px !important;
  margin-bottom: -5px;
  border-width: 8px 8px 0;
}

.tooltip.top-left .tooltip-arrow {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  left: -5px !important;
}

.tooltip.top-right .tooltip-arrow {
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
  right: -5px !important;
}

.tooltip-with-icon {
  width: 200px;
}

.tooltip-with-icon.tooltip--medium {
  width: 260px;
}

.tooltip-with-icon.tooltip--medium .tooltip-inner {
  max-width: 260px;
  font-size: 12px;
}

.tooltip-with-icon.tooltip--medium .tooltip-inner br {
  line-height: 2;
}

.tooltip-with-icon.tooltip--light .tooltip-inner:before {
  background-color: #e1e1e1;
}

.tooltip-with-icon .tooltip-inner {
  max-width: 200px;
  padding-left: 46px;
}

.tooltip-with-icon .tooltip-inner:before {
  content: "";
  top: 11px;
  left: 36px;
  height: calc(100% - 22px);
  width: 1px;
  background-color: #000;
  position: absolute;
}

.tooltip-with-icon .tooltip-inner:after {
  font-family: "etracker" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 13px;
  left: 0;
  width: 37px;
  text-align: center;
  line-height: 1;
  height: 50px;
  color: #f24e1e;
  font-size: 16px;
  content: "r";
}

.tooltip-with-icon .tooltip-inner div:not(:last-child) {
  border-bottom: 1px solid #e1e1e1;
  width: 100px;
  padding: 5px 0px;
  margin-bottom: 5px;
}

.tooltip-with-icon.sepa {
  width: 360px;
}

.tooltip-with-icon.sepa .tooltip-inner {
  max-width: 360px;
  padding-left: 46px;
}

.tooltip-with-icon.sepa .tooltip-inner:before {
  content: "";
  top: 11px;
  left: 36px;
  height: calc(100% - 22px);
  width: 1px;
  background-color: #000;
  position: absolute;
}

.tooltip-with-icon.sepa .tooltip-inner:after {
  font-family: "etracker" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 13px;
  left: 0;
  width: 37px;
  text-align: center;
  line-height: 1;
  height: 50px;
  color: #f24e1e;
  font-size: 16px;
  content: "r";
}

.tooltip-with-icon.tooltip-keyfigure {
  font-size: 15px;
  width: 250px;
}

.tooltip-with-icon.tooltip-keyfigure .tooltip-inner {
  max-width: 250px;
  padding-left: 46px;
  border: 2px solid #888;
  top: -40px;
}

.tooltip-with-icon.tooltip-keyfigure .tooltip-arrow {
  border: none;
}

.tooltip-with-icon.tooltip-keyfigure .tooltip-arrow:after {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  background-color: #FFFFFF;
  border-right: 2px solid #888;
  border-bottom: 2px solid #888;
  z-index: 1;
  bottom: 0;
  top: -50px;
  right: 20px;
}

.tooltip-with-icon.tooltip-keyfigure.top .tooltip-arrow:after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.tooltip-with-icon.tooltip-keyfigure.bottom {
  margin-top: 5px !important;
}

.tooltip-with-icon.tooltip-keyfigure.bottom .tooltip-arrow:after {
  -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
          transform: rotate(225deg);
  top: 0;
}

.tooltip-with-icon.tooltip-keyfigure.right {
  margin-top: 10px;
  margin-left: 5px !important;
}

.tooltip-with-icon.tooltip-keyfigure.right .tooltip-arrow:after {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  left: 0;
}

.tooltip-with-icon.tooltip-compareDate {
  font-size: 15px;
  width: 250px;
}

.tooltip-with-icon.tooltip-compareDate .tooltip-inner {
  max-width: 250px;
  -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.2);
}

.tooltip-with-icon.tooltip-compareDate .tooltip-arrow {
  border: none;
}

.tooltip-with-icon.tooltip-compareDate .tooltip-arrow:after {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  background-color: #FFFFFF;
  z-index: 1;
  bottom: 0;
  -webkit-box-shadow: 3px 3px 8px -2px rgba(0, 0, 0, 0.2);
          box-shadow: 3px 3px 8px -2px rgba(0, 0, 0, 0.2);
}

.tooltip-with-icon.tooltip-compareDate.top .tooltip-arrow:after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.tooltip-with-icon.tooltip-compareDate.bottom {
  margin-top: 7px !important;
}

.tooltip-with-icon.tooltip-compareDate.bottom .tooltip-arrow:after {
  -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
          transform: rotate(225deg);
  top: 0;
}

.tooltip-with-icon.tooltip-compareDate.right {
  margin-top: 10px;
  margin-left: 5px !important;
}

.tooltip-with-icon.tooltip-compareDate.right .tooltip-arrow:after {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  left: 0;
}

/* Tooltips for tiles and attributes in the table (e.g. page_name) */

.tooltip-anchor {
  position: relative;
}

.tooltip-area {
  display: none;
  position: absolute;
  width: 100%;
  height: 25px;
  top: 0;
}

.tooltip.tooltip--attribute {
  background-color: #FFFFFF;
  color: #000;
  margin: 0;
  width: auto;
  z-index: 10001;
  padding: 0;
  min-height: 40px;
  line-height: 40px;
  -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2);
  border-radius: 6px;
}

.tooltip.tooltip--attribute .tooltip-inner {
  max-width: 500px;
  background-color: transparent;
  color: #000;
  border: none;
  font-size: 13px;
  word-break: break-all;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
}

.tooltip.tooltip--attribute .tooltip-arrow {
  border: none;
  height: 100%;
}

.tooltip.tooltip--attribute .tooltip-arrow:after {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  background-color: #FFFFFF;
  border-right: none;
  border-bottom: none;
  z-index: 1;
  bottom: -5px;
  -webkit-box-shadow: 4px 4px 17px -2px rgba(0, 0, 0, 0.2);
          box-shadow: 4px 4px 17px -2px rgba(0, 0, 0, 0.2);
}

.tooltip.tooltip--attribute.top .tooltip-arrow:after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.tooltip.tooltip--attribute.right {
  margin-top: 0;
  margin-left: 18px !important;
}

.tooltip.tooltip--attribute.right .tooltip-arrow:after {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  left: -5px;
  bottom: auto;
}

/* TOOLTIP REPORT SETS */

.et-settings__table .tooltip,
.licence .tooltip,
.notifications__administration__table .tooltip {
  width: 290px;
}

.et-settings__table .tooltip .tooltip-inner,
.licence .tooltip .tooltip-inner,
.notifications__administration__table .tooltip .tooltip-inner {
  max-width: 290px;
}

/* --- TOOLTIPS END --- */

.mCS-scrollbar-light .mCSB_draggerRail {
  background: none;
}

.mCS-scrollbar-light .mCSB_dragger_bar {
  background-color: #bdbdbd !important;
}

/* New style based on proposals of Siteseeing */

.new-style.new-style {
  /* button */
  /* Auto layout */
}

.new-style.new-style .btn,
.new-style.new-style .et-btn,
.new-style.new-style .new-dimension {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  padding: 8px 12px;
  gap: 8px;
  font-style: normal;
  height: initial;
  color: #FFFFFF;
  background-color: #F24E1E;
  border-color: transparent;
  border-radius: 4px;
  white-space: nowrap;
  min-width: initial;
  width: initial;
}

.new-style.new-style .btn:disabled,
.new-style.new-style .et-btn:disabled,
.new-style.new-style .new-dimension:disabled {
  background-color: #B0B0B0;
  color: #FFFFFF;
  cursor: default;
  pointer-events: none;
}

.new-style.new-style .btn > *:first-child:last-child,
.new-style.new-style .et-btn > *:first-child:last-child,
.new-style.new-style .new-dimension > *:first-child:last-child {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.new-style.new-style .btn.text-color,
.new-style.new-style .btn.secondary-color,
.new-style.new-style .btn.primary-color,
.new-style.new-style .et-btn.text-color,
.new-style.new-style .et-btn.secondary-color,
.new-style.new-style .et-btn.primary-color,
.new-style.new-style .new-dimension.text-color,
.new-style.new-style .new-dimension.secondary-color,
.new-style.new-style .new-dimension.primary-color {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 12px;
  gap: 12px;
  border-radius: 4px;
  height: 45px;
}

.new-style.new-style .btn.text-color,
.new-style.new-style .et-btn.text-color,
.new-style.new-style .new-dimension.text-color {
  background: transparent;
  color: #222222;
}

.new-style.new-style .btn.text-color:hover,
.new-style.new-style .et-btn.text-color:hover,
.new-style.new-style .new-dimension.text-color:hover {
  background: rgba(230, 230, 230, 0.87);
}

.new-style.new-style .btn.text-color:disabled,
.new-style.new-style .btn.text-color.inactive,
.new-style.new-style .et-btn.text-color:disabled,
.new-style.new-style .et-btn.text-color.inactive,
.new-style.new-style .new-dimension.text-color:disabled,
.new-style.new-style .new-dimension.text-color.inactive {
  background: #919191;
}

.new-style.new-style .btn.primary-color,
.new-style.new-style .et-btn.primary-color,
.new-style.new-style .new-dimension.primary-color {
  background: #F24E1E;
  color: #FFFFFF;
}

.new-style.new-style .btn.primary-color:hover,
.new-style.new-style .et-btn.primary-color:hover,
.new-style.new-style .new-dimension.primary-color:hover {
  background: #DB4519;
}

.new-style.new-style .btn.primary-color:disabled,
.new-style.new-style .btn.primary-color.inactive,
.new-style.new-style .et-btn.primary-color:disabled,
.new-style.new-style .et-btn.primary-color.inactive,
.new-style.new-style .new-dimension.primary-color:disabled,
.new-style.new-style .new-dimension.primary-color.inactive {
  background: #919191;
}

.new-style.new-style .btn.secondary-color,
.new-style.new-style .et-btn.secondary-color,
.new-style.new-style .new-dimension.secondary-color {
  height: 47px;
  color: #222222;
  background: #FFFFFF;
  border: 1px solid #B0B0B0;
}

.new-style.new-style .btn.secondary-color:hover,
.new-style.new-style .et-btn.secondary-color:hover,
.new-style.new-style .new-dimension.secondary-color:hover {
  background: #F5F5F5;
}

.new-style.new-style .btn.secondary-color.btn--text,
.new-style.new-style .et-btn.secondary-color.btn--text,
.new-style.new-style .new-dimension.secondary-color.btn--text {
  border-color: transparent;
  color: #222222;
}

.new-style.new-style .btn.secondary-color.btn--text:hover,
.new-style.new-style .et-btn.secondary-color.btn--text:hover,
.new-style.new-style .new-dimension.secondary-color.btn--text:hover {
  border-color: #B0B0B0;
}

.new-style.new-style .btn.btn-semi.btn-semi,
.new-style.new-style .et-btn.btn-semi.btn-semi,
.new-style.new-style .new-dimension.btn-semi.btn-semi {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  height: 37px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 4px;
  color: #FFFFFF;
  border-color: transparent;
}

.new-style.new-style .btn.btn-medium,
.new-style.new-style .et-btn.btn-medium,
.new-style.new-style .new-dimension.btn-medium {
  padding: 8px 32px;
  height: initial;
}

.new-style.new-style .btn.btn-medium.text-color,
.new-style.new-style .et-btn.btn-medium.text-color,
.new-style.new-style .new-dimension.btn-medium.text-color {
  padding: 0;
}

.new-style.new-style .btn.btn-small,
.new-style.new-style .et-btn.btn-small,
.new-style.new-style .new-dimension.btn-small {
  display: -ms-flexbox;
  display: flex;
  height: 34px;
  min-width: auto;
  padding: 4px 8px 4px 4px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  border-radius: 4px;
  border: 1px solid #B0B0B0;
  background: #FFFFFF;
  color: #222222;
}

.new-style.new-style .btn.btn-small.btn-icon,
.new-style.new-style .et-btn.btn-small.btn-icon,
.new-style.new-style .new-dimension.btn-small.btn-icon {
  padding-right: 4px;
  border-color: transparent;
}

.new-style.new-style .btn.btn-small.btn-icon:hover,
.new-style.new-style .et-btn.btn-small.btn-icon:hover,
.new-style.new-style .new-dimension.btn-small.btn-icon:hover {
  border-color: #B0B0B0;
}

.new-style.new-style .btn.btn-small:hover,
.new-style.new-style .et-btn.btn-small:hover,
.new-style.new-style .new-dimension.btn-small:hover {
  background: #F5F5F5;
}

.new-style.new-style .btn.small,
.new-style.new-style .et-btn.small,
.new-style.new-style .new-dimension.small {
  height: 28px;
  padding: 6px 8px;
  gap: 8px;
  font-size: 13px;
  font-weight: normal;
  line-height: 16px;
  border-radius: 8px;
}

.new-style.new-style .btn.small add-icon,
.new-style.new-style .et-btn.small add-icon,
.new-style.new-style .new-dimension.small add-icon {
  height: 13px;
  width: 13px;
}

.new-style.new-style .btn.small.new-dimension,
.new-style.new-style .et-btn.small.new-dimension,
.new-style.new-style .new-dimension.small.new-dimension {
  padding: 4px 8px;
}

.new-style.new-style .btn.small.new-dimension:not(.fix-dimension),
.new-style.new-style .et-btn.small.new-dimension:not(.fix-dimension),
.new-style.new-style .new-dimension.small.new-dimension:not(.fix-dimension) {
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
  height: 24px;
}

.new-style.new-style .btn.small.new-dimension .dimension-content,
.new-style.new-style .et-btn.small.new-dimension .dimension-content,
.new-style.new-style .new-dimension.small.new-dimension .dimension-content {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.new-style.new-style .btn.small.new-dimension .dimension-content > div:last-child,
.new-style.new-style .et-btn.small.new-dimension .dimension-content > div:last-child,
.new-style.new-style .new-dimension.small.new-dimension .dimension-content > div:last-child {
  width: 12px;
  height: 12px;
}

.new-style.new-style .btn.small-light,
.new-style.new-style .et-btn.small-light,
.new-style.new-style .new-dimension.small-light {
  height: 32px;
  padding: 4px;
  border-radius: 4px;
  border: 1px solid #B0B0B0;
  color: #262626;
  background-color: #FFFFFF;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 4px;
  min-width: 20px;
}

.new-style.new-style .btn.small-light:hover,
.new-style.new-style .et-btn.small-light:hover,
.new-style.new-style .new-dimension.small-light:hover {
  background-color: #f5f5f5;
}

.new-style.new-style .btn.rounded,
.new-style.new-style .et-btn.rounded,
.new-style.new-style .new-dimension.rounded {
  border-radius: 20px;
}

.new-style.new-style .btn.btn--text,
.new-style.new-style .btn.et-btn--text,
.new-style.new-style .et-btn.btn--text,
.new-style.new-style .et-btn.et-btn--text,
.new-style.new-style .new-dimension.btn--text,
.new-style.new-style .new-dimension.et-btn--text {
  color: #262626;
  background-color: transparent;
  border-color: transparent;
}

.new-style.new-style .btn.btn--text:disabled,
.new-style.new-style .btn.et-btn--text:disabled,
.new-style.new-style .et-btn.btn--text:disabled,
.new-style.new-style .et-btn.et-btn--text:disabled,
.new-style.new-style .new-dimension.btn--text:disabled,
.new-style.new-style .new-dimension.et-btn--text:disabled {
  color: #B0B0B0;
}

.new-style.new-style .btn.fir-color,
.new-style.new-style .btn.blue-color,
.new-style.new-style .et-btn.fir-color,
.new-style.new-style .et-btn.blue-color,
.new-style.new-style .new-dimension.fir-color,
.new-style.new-style .new-dimension.blue-color {
  color: #FFFFFF;
  border-color: #9B9B9B;
}

.new-style.new-style .btn.fir-color .title,
.new-style.new-style .btn.blue-color .title,
.new-style.new-style .et-btn.fir-color .title,
.new-style.new-style .et-btn.blue-color .title,
.new-style.new-style .new-dimension.fir-color .title,
.new-style.new-style .new-dimension.blue-color .title {
  color: #FFFFFF;
  line-height: inherit;
}

.new-style.new-style .btn.fir-color,
.new-style.new-style .et-btn.fir-color,
.new-style.new-style .new-dimension.fir-color {
  background-color: #255B67;
}

.new-style.new-style .btn.fir-color:hover,
.new-style.new-style .et-btn.fir-color:hover,
.new-style.new-style .new-dimension.fir-color:hover {
  background-color: #1F4952;
}

.new-style.new-style .btn.blue-color,
.new-style.new-style .et-btn.blue-color,
.new-style.new-style .new-dimension.blue-color {
  background-color: #216AC0;
}

.new-style.new-style .btn.blue-color:hover,
.new-style.new-style .et-btn.blue-color:hover,
.new-style.new-style .new-dimension.blue-color:hover {
  background-color: #144580;
}

.new-style.new-style .btn.light-color,
.new-style.new-style .et-btn.light-color,
.new-style.new-style .new-dimension.light-color {
  color: #262626;
  background-color: #FFFFFF;
  border: 1px solid #9B9B9B;
}

.new-style.new-style .btn.light-color:hover,
.new-style.new-style .et-btn.light-color:hover,
.new-style.new-style .new-dimension.light-color:hover {
  background-color: #E3E3E3;
}

.new-style.new-style .btn.btn--with-icon i,
.new-style.new-style .et-btn.btn--with-icon i,
.new-style.new-style .new-dimension.btn--with-icon i {
  position: relative;
  top: initial;
  left: initial;
}

.new-style.new-style .round-label {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  height: 24px;
  padding: 4px 12px 4px 12px;
  border-radius: 32px;
}

.new-style.new-style .round-label.small {
  height: 23px;
  padding: 4px 8px 4px 8px;
}

.new-style.new-style .round-label.fir-color,
.new-style.new-style .round-label.blue-color {
  color: #FFFFFF;
  border-color: #9B9B9B;
}

.new-style.new-style .round-label.fir-color {
  background-color: #255B67;
}

.new-style.new-style .round-label.blue-color {
  background-color: #216AC0;
}

.new-style.new-style add-icon {
  height: 24px;
  width: 24px;
  line-height: 1;
}

.new-style.new-style .input-field {
  display: -ms-flexbox;
  display: flex;
  width: 202px;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #B0B0B0;
  background: #FFFFFF;
}

.new-style.new-style .input-field::-webkit-input-placeholder {
  color: #919191;
}

.new-style.new-style .input-field::-moz-placeholder {
  color: #919191;
}

.new-style.new-style .input-field::-ms-input-placeholder {
  color: #919191;
}

.new-style.new-style .input-field::placeholder {
  color: #919191;
}

.new-style.new-style .unit-input {
  display: -ms-flexbox;
  display: flex;
  width: 184px;
  padding: 8px 8px 8px 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 4px;
  border: 1px solid #B0B0B0;
  background: #FFFFFF;
}

.new-style.new-style .unit-input > input {
  padding: 0;
  width: calc(100% - 75px);
  border: none;
  background: transparent;
}

.new-style.new-style .unit-input > input::-webkit-input-placeholder {
  color: #919191;
}

.new-style.new-style .unit-input > input::-moz-placeholder {
  color: #919191;
}

.new-style.new-style .unit-input > input::-ms-input-placeholder {
  color: #919191;
}

.new-style.new-style .unit-input > input::placeholder {
  color: #919191;
}

.new-style.new-style .unit-input apollo-dropdown button {
  border: none;
  background: transparent;
  padding: 0;
  gap: 0;
}

.new-style.new-style .unit-input apollo-dropdown button .txt {
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
}

.new-style.new-style .typo-h1 {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px;
  /* 106.25% */
}

.new-style.new-style .typo-h1-smaller {
  font-size: 26px;
  font-weight: 600;
  line-height: 31px;
}

.new-style.new-style .typo-h2 {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.new-style.new-style .typo-h2-regular {
  font-size: 21px;
  font-weight: 400;
  line-height: 24px;
}

.new-style.new-style .typo-h2-bold {
  font-size: 21px;
  font-weight: 700;
  line-height: 24px;
}

.new-style.new-style .typo-h2-smaller {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.new-style.new-style .typo-h3 {
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
}

.new-style.new-style .typo-h4 {
  font-size: 15px;
  font-weight: 500;
  line-height: 17px;
}

.new-style.new-style .typo-p {
  font-size: 17px;
  font-weight: 400;
  line-height: 21px;
}

.new-style.new-style .typo-p-semi {
  font-size: 17px;
  font-weight: 600;
  line-height: 21px;
}

.new-style.new-style .typo-p-bold {
  font-size: 17px;
  font-weight: 600;
  line-height: 21px;
}

.new-style.new-style .typo-content {
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}

.new-style.new-style .typo-info {
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.new-style.new-style .typo-info-semi {
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
}

.new-style.new-style .typo-info-bold {
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
}

.new-style.new-style .typo-category {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 1px;
  font-style: normal;
  text-transform: uppercase;
}

.new-style.new-style .typo-tagline {
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.compare-active .sum-row .keyfigure-compare {
  display: block;
}

.string-ressource {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: bold;
  color: #a5a5a5;
}

.string-ressource.compare-active {
  color: #FFFFFF;
}

.apolloOverlay .compare-date-range-label {
  position: relative;
  display: inline-block;
  padding: 0 20px;
  color: #FFFFFF;
  vertical-align: middle;
  font-size: 14px !important;
  -webkit-appearance: none;
  border: none;
}

.apolloOverlay .compare-date-range-label .info {
  display: none;
}

.apolloOverlay .compare-date-range-label .day-month {
  font-weight: 700;
}

.apolloOverlay .compare-date-range-label .toggleControl {
  float: left;
  left: -18px;
  margin-top: 6px;
}

.apolloOverlay .compare-date-range-label .toggleControl .toggleControl__indicator {
  background-color: #888;
}

.apolloOverlay .compare-date-range-label .toggleControl .toggleControl__indicator:before {
  display: none;
  content: "vs";
  padding-right: 13px;
}

.apolloOverlay .compare-date-range-label input:checked ~ .toggleControl__indicator_2 {
  right: inherit;
  left: calc(100% - 18px);
}

.apolloOverlay .compare-date-range-label input:not(:checked) ~ .toggleControl__indicator:before {
  content: "vs";
  padding-left: 17px;
  color: #FFFFFF;
}

.compare-date-range {
  float: left;
  margin-right: 20px;
}

.container-overlay {
  position: relative;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  margin-left: 30px;
  margin-top: 15px;
  color: #FFFFFF;
}

.compare-switch {
  display: inline-block;
  width: auto;
}

.apolloOverlay .calendar-controls .calender-controls-inner {
  width: 950px !important;
}

.apolloOverlay .calendar-controls .calender-controls-inner:after {
  position: absolute;
  content: "";
  width: 5px;
  height: 100%;
  top: 0;
  left: 947px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  visibility: visible;
}

.apolloOverlay .calendar-controls .calender-controls-inner.compare-active:after {
  background: #01d8dd;
}

/* TRACKING CODE and SIGNET CODE START */

.signet-code__rect,
#code {
  background-color: #151515;
  width: 100%;
  display: block;
  border-radius: 5px;
  border: 4px #e1e1e1 solid;
  overflow: scroll;
  padding: 15px;
}

.signet-code__rect:hover,
#code:hover {
  cursor: pointer;
}

.highlighted-code {
  font-size: 11px;
  overflow: hidden;
  white-space: normal;
}

.copy-link {
  text-decoration: underline;
  font-size: 13px;
  color: #656565;
  text-align: center;
  display: block;
  margin: 0 auto;
  margin-top: 10px;
}

.copy-link:hover {
  cursor: pointer;
}

/* TRACKING CODE and SIGNET CODE END */

.apollo-date-picker {
  display: inline-block;
  float: left;
}

.apollo-date-picker .ng-hide.ng-hide-animate {
  display: none;
}

.apollo-date-picker.apollo-date-picker--no-compare .date-range-selection--date-range .data-range-button {
  border-bottom-right-radius: 4px !important;
  border-top-right-radius: 4px !important;
}

.apollo-date-picker .toggleControl {
  display: inline-block;
  left: -22px;
  top: 5px;
  z-index: 1;
}

.apollo-date-picker .vs-label {
  display: inline-block;
  position: relative;
  left: -14px;
  z-index: 1;
  margin-right: 15px;
}

.apollo-date-picker .tooltip {
  z-index: 1004;
}

.apollo-date-picker .date-range-selection--date-range .dropdown .dropdown-menu {
  left: -180px;
}

@media (max-width: 1279px) {
  .apollo-date-picker .date-range-selection--date-range .dropdown .dropdown-menu {
    left: -10px;
  }
}

.apollo-date-picker .date-range-selection--compare-date-range .dropdown .dropdown-menu {
  left: -180px;
}

.apollo-date-picker .date-range-selection--compare-date-range .dropdown .dropdown-menu.custom {
  left: -465px;
}

@media (max-width: 1279px) {
  .apollo-date-picker .date-range-selection--compare-date-range .dropdown .dropdown-menu.custom {
    left: -295px;
  }
}

.apollo-date-picker.apollo-date-picker--dashboard .date-range-selection--date-range .dropdown .dropdown-menu {
  left: -230px;
}

@media (max-width: 1279px) {
  .apollo-date-picker.apollo-date-picker--dashboard .date-range-selection--date-range .dropdown .dropdown-menu {
    left: -313px;
  }
}

.apollo-date-picker.apollo-date-picker--dashboard .date-range-selection--compare-date-range .dropdown .dropdown-menu {
  left: -500px;
  min-width: 660px;
}

.apollo-date-picker.apollo-date-picker--dashboard .date-range-selection--compare-date-range .dropdown .dropdown-menu.custom {
  left: -512px;
}

@media (max-width: 1279px) {
  .apollo-date-picker.apollo-date-picker--dashboard .date-range-selection--compare-date-range .dropdown .dropdown-menu.custom {
    left: -595px;
  }
}

.apollo-date-picker .date-range-selection {
  display: inline-block;
}

.apollo-date-picker .date-range-selection .dropdown.open > button {
  background-color: #e6e6e6;
}

.apollo-date-picker .date-range-selection .dropdown-menu {
  padding: 0 !important;
  z-index: 1003;
  max-width: 856px;
  max-height: 646px;
  -webkit-transition: left, 0.15s ease-in-out;
  -o-transition: left, 0.15s ease-in-out;
  transition: left, 0.15s ease-in-out;
}

.apollo-date-picker .date-range-selection .dropdown__list-cnt:before {
  background-color: #f5f5f5 !important;
}

.apollo-date-picker .date-range-selection .date-range-selection-dropdown ul {
  list-style: none;
  min-width: 705px;
}

.apollo-date-picker .date-range-selection .date-range-selection-dropdown ul li {
  white-space: nowrap;
  padding: 3px 20px 0 20px;
  height: 44px;
  line-height: 44px;
  display: table-cell;
  border-radius: 0;
  font-size: 15px;
}

.apollo-date-picker .date-range-selection .date-range-selection-dropdown ul li:before {
  display: none;
}

.apollo-date-picker .date-range-selection .date-range-selection-dropdown__tabs {
  padding: 0 17px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e1e1e1;
  font-weight: bold;
}

@media (max-width: 1023px) {
  .apollo-date-picker .date-range-selection .date-range-selection-dropdown__tabs ul .custom {
    display: none;
  }
}

.apollo-date-picker .date-range-selection .date-range-selection-dropdown__tabs ul li {
  text-transform: capitalize;
}

.apollo-date-picker .date-range-selection .date-range-selection-dropdown__tabs ul li:hover {
  background-color: #ebebeb;
  color: inherit;
}

.apollo-date-picker .date-range-selection .date-range-selection-dropdown__tabs ul li.active {
  -webkit-box-shadow: inset 0 -3px 0 0 #F24E1E;
          box-shadow: inset 0 -3px 0 0 #F24E1E;
  color: #F24E1E;
}

.apollo-date-picker .date-range-selection .date-range-selection-dropdown__body {
  padding: 18px 20px 18px 20px;
}

.apollo-date-picker .date-range-selection .date-range-selection-dropdown__body ul li {
  height: 68px;
  line-height: unset;
  padding: 17px 20px 5px 19px;
}

.apollo-date-picker .date-range-selection .date-range-selection-dropdown__body ul li > div {
  width: 150px;
}

.apollo-date-picker .date-range-selection .date-range-selection-dropdown__body ul li.active,
.apollo-date-picker .date-range-selection .date-range-selection-dropdown__body ul li:hover {
  background-color: #FFFFFF;
  color: inherit;
}

.apollo-date-picker .date-range-selection .date-range-selection-dropdown__body ul li.active > div:before,
.apollo-date-picker .date-range-selection .date-range-selection-dropdown__body ul li:hover > div:before {
  content: '';
  position: absolute;
  height: 100%;
  width: calc(100% + 2px);
  left: -1px;
  top: 0;
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 4px;
  color: inherit;
  border: none;
}

.apollo-date-picker .date-range-selection .date-range-selection-dropdown__body ul li.active > div:after {
  color: #F24E1E;
  -moz-osx-font-smoothing: grayscale;
  content: 'c';
  font-family: "etracker";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  font-size: 12px;
  right: -3px;
  display: inline-block;
  background-color: unset;
  top: -22px;
  position: relative;
  float: right;
  z-index: 1;
}

.apollo-date-picker .date-range-selection .date-range-selection-dropdown__body ul li:not(:last-child):after {
  content: " ";
  display: block;
  width: 1px;
  background-color: #dadada;
  height: 62px;
  position: absolute;
  top: 3px;
  right: 0;
}

.apollo-date-picker .date-range-selection .date-range-selection-dropdown__body ul li .caption {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 6px;
}

.apollo-date-picker .date-range-selection .date-range-selection-dropdown__body ul li .description {
  font-size: 12px;
  font-weight: 600;
  color: #b4b4b4;
}

.apollo-date-picker .date-range-selection .date-range-selection-dropdown__body ul li .caption,
.apollo-date-picker .date-range-selection .date-range-selection-dropdown__body ul li .description {
  position: relative;
  z-index: 2;
}

.apollo-date-picker .date-range-selection .date-range-selection-dropdown__body .calender-controls-inner {
  background-color: #f5f5f5;
  height: 50px;
  border-radius: 5px;
  padding: 8px 15px 0;
  margin-bottom: 5px;
  text-align: center;
}

.apollo-date-picker .date-range-selection .date-range-selection-dropdown__body .calender-controls-inner .date-group {
  display: inline-block;
}

.apollo-date-picker .date-range-selection .date-range-selection-dropdown__body .calender-controls-inner .date-group--toggle {
  margin-top: 8px;
}

.apollo-date-picker .date-range-selection .date-range-selection-dropdown__body .calender-controls-inner .date-group span {
  vertical-align: middle;
}

.apollo-date-picker .date-range-selection .date-range-selection-dropdown__body .calender-controls-inner .date-group .toggleControl {
  left: inherit;
  top: 0;
  margin-right: 5px;
  vertical-align: middle;
}

.apollo-date-picker .date-range-selection .date-range-selection-dropdown__body .calender-controls-inner .date-group .calendar-date {
  display: inline-block;
  margin: 0 10px;
}

.apollo-date-picker .date-range-selection .date-range-selection-dropdown__body .calender-controls-inner .date-group .calendar-date .day-month {
  height: 34px;
  text-align: center;
  background-color: #FFFFFF;
  border: 1px solid #dadada;
  border-radius: 3px;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 700;
  width: 115px;
}

.apollo-date-picker .date-range-selection .date-range-selection-dropdown__body .calender-controls-inner .date-group .calendar-date .day-month:disabled {
  background-color: #f5f5f5;
}

.apollo-date-picker .date-range-selection .date-range-selection-dropdown__info {
  padding: 12px 20px 13px 10px;
  border-top: 1px solid #e1e1e1;
  margin: 0 10px;
}

.apollo-date-picker .date-range-selection .date-range-selection-dropdown__info span {
  line-height: 18px;
  position: relative;
  padding: 0 0 0 27px;
  display: block;
}

.apollo-date-picker .date-range-selection .date-range-selection-dropdown__info span.icon-absolute-warning:before {
  top: 1px;
  left: 0;
  font-size: 15px;
  color: #F24E1E;
}

.apollo-date-picker .date-range-selection--date-range .data-range-button {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.apollo-date-picker .date-range-selection--date-range .dropdown .dropdown-menu .calender-controls-inner .calendar-date .day-month--left-start {
  border-left: 4px solid #F24E1E;
}

.apollo-date-picker .date-range-selection--date-range .dropdown .dropdown-menu .calender-controls-inner .calendar-date .day-month--left-end {
  border-right: 4px solid #F24E1E;
}

.apollo-date-picker .date-range-selection--compare-date-range {
  margin-left: -45px;
}

.apollo-date-picker .date-range-selection--compare-date-range .data-range-button {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.apollo-date-picker .date-range-selection--compare-date-range .data-range-button .placeholder {
  font-weight: 600;
  font-size: 14px;
  min-width: 130px;
}

.apollo-date-picker .date-range-selection--compare-date-range .dropdown .dropdown-menu.custom .calender-controls-inner .calendar-date .day-month--right-start {
  border-left: 4px solid #F24E1E;
}

.apollo-date-picker .date-range-selection--compare-date-range .dropdown .dropdown-menu.custom .calender-controls-inner .calendar-date .day-month--right-end {
  border-right: 4px solid #F24E1E;
}

.apollo-date-picker .date-range-selection .data-range-button {
  float: left;
  background: #fafafa;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  font-size: 15px;
  height: 40px;
  color: #232323;
  font-weight: 400;
  padding: 0 25px;
  -webkit-appearance: none;
  width: 285px;
}

.apollo-date-picker .date-range-selection .data-range-button .day-month {
  font-weight: 700;
}

.apollo-date-picker .date-range-selection .data-range-button:disabled {
  color: #a5a5a5;
}

.apollo-date-picker .date-range-selection .dropdown .dropdown-menu:not(.custom) {
  max-width: inherit;
  min-width: 540px;
}

.apollo-date-picker .date-range-picker {
  position: relative;
  top: 9px;
  width: 100%;
  height: auto;
  text-align: center;
  min-width: 814px;
  min-height: 500px;
}

.apollo-date-picker .date-range-picker > * {
  vertical-align: top;
  display: inline-block;
}

.apollo-date-picker .date-range-picker > div {
  margin: 9px 0 0;
  position: absolute;
  left: 0;
}

@media (max-width: 1024px) {
  .apollo-date-picker .date-range-picker > div {
    margin: 0;
  }
}

.apollo-date-picker .date-range-picker > div .inner {
  z-index: 20;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.apollo-date-picker .date-range-picker .backward,
.apollo-date-picker .date-range-picker .forward {
  color: #000;
  position: absolute;
  z-index: 4;
  cursor: pointer;
  border: 1px solid #000;
  border-radius: 50%;
  -moz-osx-font-smoothing: grayscale;
  font-family: "etracker" !important;
  font-size: 11px;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: normal !important;
  height: 30px;
  line-height: 28px;
  text-transform: none !important;
  width: 30px;
}

.apollo-date-picker .date-range-picker .backward {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  left: 0;
}

.apollo-date-picker .date-range-picker .forward {
  right: 0;
}

.apollo-date-picker .date-range-picker .forward.stopped {
  visibility: hidden;
}

.apollo-date-picker .date-range-picker .checked:after,
.apollo-date-picker .date-range-picker .hovering:after {
  border-top: 1px solid #F24E1E;
  border-bottom: 1px solid #F24E1E;
  background-color: #FF6B4040;
  display: block;
  content: '';
  height: calc(100% + 2 * 1px);
  width: calc(100% + 12px);
  left: -6px;
  position: absolute;
  top: -1px;
}

.apollo-date-picker .date-range-picker .first-date-selected:after,
.apollo-date-picker .date-range-picker .focus:after {
  z-index: 10;
  display: block;
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  left: -1px;
  border-left: 1px solid #F24E1E;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  right: -1px;
  border-right: 1px solid #F24E1E;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-top: 1px solid #F24E1E;
  border-bottom: 1px solid #F24E1E;
  background-color: #FF6B4040;
  content: '';
  z-index: 2;
  width: calc(100% + 2 * 1px);
  left: -1px;
}

.apollo-date-picker .date-range-picker .last-date-selected:after {
  z-index: 10;
  display: block;
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  left: -1px;
  border-left: 1px solid #F24E1E;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  right: -1px;
  border-right: 1px solid #F24E1E;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-top: 1px solid #F24E1E;
  border-bottom: 1px solid #F24E1E;
  background-color: #FF6B4040;
  content: '';
  z-index: 2;
  width: calc(100% + 2 * 1px);
  left: -1px;
}

.apollo-date-picker .date-range-picker tr td:last-child .checked:after,
.apollo-date-picker .date-range-picker tr td:last-child .hovering:after {
  border-right: 1px solid #F24E1E;
  right: -1px;
  border-right: 1px solid #F24E1E;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}

.apollo-date-picker .date-range-picker tr td:last-child .checked:after,
.apollo-date-picker .date-range-picker tr td:last-child .hovering:after {
  width: calc(100% + (12px / 2 + 1px));
}

.apollo-date-picker .date-range-picker tr td:last-child .first-of-month.compare.noccomp.hovering:after,
.apollo-date-picker .date-range-picker tr td:last-child .first-of-month.compare.rtlcomp.hovering:after,
.apollo-date-picker .date-range-picker tr td:last-child .checked.first-of-month.compare.noccomp:after,
.apollo-date-picker .date-range-picker tr td:last-child .first-of-month.noccomp.checked:after,
.apollo-date-picker .date-range-picker tr td:last-child .first-of-month.noccomp.hovering:after {
  width: calc(100% + 2 * 1px);
  left: -1px;
}

.apollo-date-picker .date-range-picker tr td:last-child .first-date-selected:after,
.apollo-date-picker .date-range-picker tr td:last-child .focus:after,
.apollo-date-picker .date-range-picker tr td:last-child .last-date-selected:after {
  width: calc(100% + 2 * 1px);
}

.apollo-date-picker .date-range-picker tr td:nth-child(2) .checked:after,
.apollo-date-picker .date-range-picker tr td:nth-child(2) .hovering:after {
  border-left: 1px solid #F24E1E;
  left: -1px;
  border-left: 1px solid #F24E1E;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}

.apollo-date-picker .date-range-picker tr td:nth-child(2) .checked:after,
.apollo-date-picker .date-range-picker tr td:nth-child(2) .hovering:after {
  width: calc(100% + (12px / 2 + 1px));
}

.apollo-date-picker .date-range-picker tr td:nth-child(2) .first-date-selected:after,
.apollo-date-picker .date-range-picker tr td:nth-child(2) .focus:after,
.apollo-date-picker .date-range-picker tr td:nth-child(2) .last-date-selected:after {
  width: calc(100% + 2 * 1px);
}

.apollo-date-picker .date-range-picker tr td:not(:nth-child(2)) .last-of-month:not(.focus):not(.first-date-selected):not(.last-date-selected):after,
.apollo-date-picker .date-range-picker tr td:not(:nth-child(2)) .last-of-month.compare:before {
  width: calc(100% + (12px / 2 + 1px)) !important;
}

.apollo-date-picker .date-range-picker .last-of-month:after {
  border-right: 1px solid #F24E1E;
  right: -1px;
  border-right: 1px solid #F24E1E;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  z-index: 10;
}

.apollo-date-picker .date-range-picker .first-of-month:after {
  border-left: 1px solid #F24E1E;
  left: -1px;
  border-left: 1px solid #F24E1E;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}

.apollo-date-picker .date-range-picker .first-date-selected  .before-inner:after {
  z-index: 10;
  display: block;
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  left: -1px;
  border-left: 1px solid #F24E1E;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  border-top: 1px solid #F24E1E;
  border-bottom: 1px solid #F24E1E;
  background-color: #FF6B4040;
  content: '';
  z-index: 2;
  width: calc(100% + (12px / 2 + 1px));
  left: -1px;
}

.apollo-date-picker .date-range-picker .first-date-selected.rtl.last-of-month.checked:not(focus) .before-inner:after {
  display: block;
  position: absolute;
  z-index: 10;
  display: block;
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  background-color: #FF6B4040;
  border-top: 1px solid #F24E1E;
  border-bottom: 1px solid #F24E1E;
  content: '';
  left: -6px;
}

.apollo-date-picker .date-range-picker .first-date-selected.rtl:not(.focus) .before-inner:after {
  right: -1px;
  border-right: 1px solid #F24E1E;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-top: 1px solid #F24E1E;
  border-bottom: 1px solid #F24E1E;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  left: -6px;
}

.apollo-date-picker .date-range-picker .focus:not(.first-date-selected):not(.first-of-month) .before-inner:after,
.apollo-date-picker .date-range-picker .last-date-selected:not(.first-of-month) .before-inner:after {
  z-index: 10;
  display: block;
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  right: -1px;
  border-right: 1px solid #F24E1E;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-top: 1px solid #F24E1E;
  border-bottom: 1px solid #F24E1E;
  background-color: #FF6B4040;
  content: '';
  z-index: 2;
  width: calc(100% + (12px / 2));
  left: -6px;
}

.apollo-date-picker .date-range-picker .focus.rtl.hovering .before-inner:after {
  z-index: 10;
  display: block;
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  left: -1px;
  border-left: 1px solid #F24E1E;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  border-top: 1px solid #F24E1E;
  border-bottom: 1px solid #F24E1E;
  background-color: #FF6B4040;
  content: '';
  z-index: 2;
  width: calc(100% + (12px / 2 + 1px));
  left: -1px;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.apollo-date-picker .date-range-picker .focus.hovering.last-of-month.rtl:not(.first-date-selected) .before-inner:after {
  display: none;
}

.apollo-date-picker .date-range-picker .month2 .checked.rtl.first-of-month .before-inner:after,
.apollo-date-picker .date-range-picker tr td:last-child .checked.first-date-selected:not(.rtl) .before-inner:after,
.apollo-date-picker .date-range-picker tr td:last-child .focus.rtl.hovering .before-inner:after,
.apollo-date-picker .date-range-picker tr td:nth-child(2) .checked:not(.first-date-selected) .before-inner:after,
.apollo-date-picker .date-range-picker tr td:nth-child(2) .rtl.checked.first-date-selected .before-inner:after {
  display: none;
}

.apollo-date-picker .date-range-picker .first-date-selected.last-date-selected:not(.last-compare-date-selected) .before-inner:after,
.apollo-date-picker .date-range-picker tr td:nth-child(2) .focus:not(.rtl) .before-inner:after {
  display: none !important;
}

.apollo-date-picker .date-range-picker .compare:before {
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  background-color: #f5f5f5;
  display: block;
  content: '';
  height: calc(100% + 2 * 1px);
  position: absolute;
  top: -1px;
  width: calc(100% + 12px);
  left: -6px;
}

.apollo-date-picker .date-range-picker .first-compare-date-selected:before {
  z-index: 10;
  display: block;
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  left: -1px;
  border-left: 1px solid #d6d6d6;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  right: -1px;
  border-right: 1px solid #d6d6d6;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  background-color: #f5f5f5;
  content: '';
  z-index: 3;
  width: calc(100% + 2 * 1px);
  left: -1px;
}

.apollo-date-picker .date-range-picker .last-compare-date-selected:before {
  z-index: 10;
  display: block;
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  left: -1px;
  border-left: 1px solid #d6d6d6;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  right: -1px;
  border-right: 1px solid #d6d6d6;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  background-color: #f5f5f5;
  content: '';
  z-index: 3;
  width: calc(100% + 2 * 1px);
  left: -1px;
}

.apollo-date-picker .date-range-picker tr td:last-child .compare:before {
  border-right: 1px solid #d6d6d6;
  right: -1px;
  border-right: 1px solid #d6d6d6;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  width: calc(100% + (12px / 2 + 1px));
}

.apollo-date-picker .date-range-picker tr td:last-child .first-of-month.compare.noccomp:before,
.apollo-date-picker .date-range-picker tr td:last-child .first-of-month.compare.rtlcomp:before {
  width: calc(100% + 2 * 1px);
}

.apollo-date-picker .date-range-picker tr td:nth-child(2) .compare:before {
  border-left: 1px solid #d6d6d6;
  left: -1px;
  border-left: 1px solid #d6d6d6;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  width: calc(100% + (12px / 2 + 1px));
}

.apollo-date-picker .date-range-picker .last-of-month:before {
  border-right: 1px solid #d6d6d6;
  right: -1px;
  border-right: 1px solid #d6d6d6;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}

.apollo-date-picker .date-range-picker .first-of-month:before {
  border-left: 1px solid #d6d6d6;
  left: -1px;
  border-left: 1px solid #d6d6d6;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}

.apollo-date-picker .date-range-picker tr td:nth-child(2) .first-compare-date-selected:before,
.apollo-date-picker .date-range-picker tr td:nth-child(2) .last-compare-date-selected:before {
  width: calc(100% + 2 * 1px);
}

.apollo-date-picker .date-range-picker tr td:last-child .first-compare-date-selected:before,
.apollo-date-picker .date-range-picker tr td:last-child .last-compare-date-selected:before {
  width: calc(100% + 2 * 1px);
}

.apollo-date-picker .date-range-picker .first-compare-date-selected  .before-inner:before {
  z-index: 10;
  display: block;
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  left: -1px;
  border-left: 1px solid #F24E1E;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  background-color: #f5f5f5;
  content: '';
  z-index: 2;
  width: calc(100% + (12px / 2 + 1px));
  left: -1px;
}

.apollo-date-picker .date-range-picker .last-compare-date-selected:not(.first-of-month) .before-inner:after {
  z-index: 10;
  display: block;
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  right: -1px;
  border-right: 1px solid #F24E1E;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  background-color: #f5f5f5;
  content: '';
  z-index: 2;
  width: calc(100% + (12px / 2));
  left: -6px;
}

.apollo-date-picker .date-range-picker .last-compare-date-selected:not(.first-of-month) .before-inner:after .first-date-selected  .before-inner:after {
  z-index: 10;
  display: block;
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  left: -1px;
  border-left: 1px solid #F24E1E;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  border-top: 1px solid #F24E1E;
  border-bottom: 1px solid #F24E1E;
  background-color: #FF6B4040;
  content: '';
  z-index: 2;
  width: calc(100% + 12px);
  left: -1px;
}

.apollo-date-picker .date-range-picker .first-compare-date-selected.last-compare-date-selected.compare.rtl-compare-first:not(.checked) .before-inner:after,
.apollo-date-picker .date-range-picker .first-compare-date-selected.last-compare-date-selected.compare  .before-inner:after,
.apollo-date-picker .date-range-picker .month2.compare.first-of-month .before-inner:after,
.apollo-date-picker .date-range-picker tr td:last-child .compare.first-date-selected:not(.rtl) .before-inner:after,
.apollo-date-picker .date-range-picker tr td:nth-child(2) .compare:not(.first-date-selected):not(.rtl) .before-inner:after {
  display: none;
}

.apollo-date-picker .date-range-picker .compare.checked:after,
.apollo-date-picker .date-range-picker .compare.hovering:after {
  border-top: 1px solid #F24E1E;
  border-bottom: 1px solid #F24E1E;
  background-color: #f5decf;
  display: block;
  content: '';
  height: calc(100% + 2 * 1px);
  width: calc(100% + 12px);
  left: -6px;
  position: absolute;
  top: -1px;
}

.apollo-date-picker .date-range-picker .compare.focus:after,
.apollo-date-picker .date-range-picker .first-date-selected.compare.checked:after {
  z-index: 10;
  display: block;
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  left: -1px;
  border-left: 1px solid #F24E1E;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  right: -1px;
  border-right: 1px solid #F24E1E;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-top: 1px solid #F24E1E;
  border-bottom: 1px solid #F24E1E;
  background-color: #f5decf;
  content: '';
  z-index: 2;
  width: calc(100% + 2 * 1px);
  left: -1px;
}

.apollo-date-picker .date-range-picker .last-date-selected.compare.checked:after {
  z-index: 10;
  display: block;
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  left: -1px;
  border-left: 1px solid #F24E1E;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  right: -1px;
  border-right: 1px solid #F24E1E;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-top: 1px solid #F24E1E;
  border-bottom: 1px solid #F24E1E;
  background-color: #f5decf;
  content: '';
  z-index: 2;
  width: calc(100% + 2 * 1px);
  left: -1px;
}

.apollo-date-picker .date-range-picker .first-of-month.compare.first-compare-date-selected.noccomp.hovering:after,
.apollo-date-picker .date-range-picker .checked.first-of-month.compare.first-compare-date-selected.noccomp:after {
  display: none;
}

.apollo-date-picker .date-range-picker .first-of-month.compare.first-compare-date-selected.noccomp.hovering:not(.focus) .before-inner:before {
  background-color: #f5decf;
  border-color: #F24E1E;
}

.apollo-date-picker .date-range-picker .focus.compare:not(.first-compare-date-selected):not(.last-compare-date-selected) .before-inner:after {
  background-color: #f5decf;
}

.apollo-date-picker .date-range-picker .first-compare-date-selected.checked:not(.first-of-month):not(.focus):after,
.apollo-date-picker .date-range-picker .first-compare-date-selected.hovering:not(.first-of-month):after {
  background-color: #FF6B4040;
}

.apollo-date-picker .date-range-picker .first-compare-date-selected.checked:not(.last-date-selected):not(.focus):not(.rtl) .before-inner:before,
.apollo-date-picker .date-range-picker .first-compare-date-selected.hovering:not(.first-of-month):not(.focus) .before-inner:before {
  background-color: #f5decf;
  border-color: #F24E1E;
}

.apollo-date-picker .date-range-picker .first-compare-date-selected.compare.hovering.focus.rtl .before-inner:after,
.apollo-date-picker .date-range-picker .last-compare-date-selected.checked:not(.first-of-month):not(.focus) .before-inner:after,
.apollo-date-picker .date-range-picker .last-compare-date-selected.hovering  .before-inner:after {
  background-color: #f5decf;
  border-color: #F24E1E;
}

.apollo-date-picker .date-range-picker .last-compare-date-selected.checked:not(.first-of-month):after,
.apollo-date-picker .date-range-picker .last-compare-date-selected.hovering:not(.first-of-month):not(.focus):after {
  background-color: #FF6B4040;
}

.apollo-date-picker .date-range-picker .first-compare-date-selected.last-compare-date-selected.checked.compare .before-inner:after {
  background-color: #FF6B4040;
}

.apollo-date-picker .date-range-picker .checked.focus.first-date-selected.compare.first-compare-date-selected.last-compare-date-selected .before-inner:after,
.apollo-date-picker .date-range-picker .first-date-selected.first-compare-date-selected:not(.focus):not(.last-of-month):not(.rtl) .before-inner:after {
  display: none;
}

.apollo-date-picker .date-range-picker .first-date-selected.compare.checked:not(.last-date-selected):not(.first-compare-date-selected) .before-inner:after,
.apollo-date-picker .date-range-picker .last-date-selected.compare:not(.first-of-month):not(.first-compare-date-selected) .before-inner:after {
  background-color: #f5decf;
}

.apollo-date-picker .date-range-picker .first-date-selected.compare.checked.last-compare-date-selected.focus .before-inner:after {
  background-color: #f5f5f5;
}

.apollo-date-picker .date-range-picker .first-compare-date-selected.checked:before,
.apollo-date-picker .date-range-picker .first-compare-date-selected.hovering:before,
.apollo-date-picker .date-range-picker .last-compare-date-selected.checked:before,
.apollo-date-picker .date-range-picker .last-compare-date-selected.hovering:before,
.apollo-date-picker .date-range-picker tr td:last-child .first-compare-date-selected.checked:before,
.apollo-date-picker .date-range-picker tr td:last-child .first-compare-date-selected.hovering:before,
.apollo-date-picker .date-range-picker tr td:last-child .compare.last-compare-date-selected.hovering:before,
.apollo-date-picker .date-range-picker tr td:last-child .checked.compare.last-compare-date-selected:before,
.apollo-date-picker .date-range-picker tr td:last-child .checked.last-date-selected.compare.last-compare-date-selected:before {
  background-color: #f5decf;
  border-color: #F24E1E;
  z-index: 11;
}

.apollo-date-picker .date-range-picker tr td:nth-child(2) .first-compare-date-selected.compare.checked:before,
.apollo-date-picker .date-range-picker tr td:nth-child(2) .first-compare-date-selected.compare.hovering:before,
.apollo-date-picker .date-range-picker tr td:nth-child(2) .last-compare-date-selected.compare.checked:before,
.apollo-date-picker .date-range-picker tr td:nth-child(2) .last-compare-date-selected.compare.hovering:before {
  border-color: #F24E1E;
}

.apollo-date-picker .date-range-picker .rtl-compare-last.checked.first-date-selected.compare.last-compare-date-selected .before-inner:before,
.apollo-date-picker .date-range-picker .rtl-compare-last.compare.last-compare-date-selected.focus.rtl.hovering .before-inner:before {
  right: -1px;
  border-right: 1px solid #F24E1E;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  content: "";
  top: -1px;
  bottom: -1px;
  width: calc(100% + (12px / 2));
  left: -6px;
  position: absolute;
  right: -1px;
  background: #f5f5f5;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
}

.apollo-date-picker .date-range-picker .rtl-compare-last.checked.last-compare-date-selected.first-date-selected.compare  .before-inner:after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
  background-color: #FF6B4040;
}

.apollo-date-picker .date-range-picker .compare.first-compare-date-selected.rtl-compare-first.rtl.hovering.focus .before-inner:after,
.apollo-date-picker .date-range-picker .compare.last-compare-date-selected.hovering:not(.rtl) .before-inner:after,
.apollo-date-picker .date-range-picker .compare.last-compare-date-selected.hovering.focus:not(.rtl) .before-inner:after,
.apollo-date-picker .date-range-picker .rtl-compare-last.compare.last-compare-date-selected.rtl.hovering:not(.focus) .before-inner:after,
.apollo-date-picker .date-range-picker .checked.compare.last-compare-date-selected  .before-inner:after {
  background-color: #f5decf;
  border-color: #F24E1E;
}

.apollo-date-picker .date-range-picker .checked.compare.first-compare-date-selected.last-compare-date-selected:not(.rtl) .before-inner:after,
.apollo-date-picker .date-range-picker .compare.first-compare-date-selected.last-compare-date-selected.focus.hovering .before-inner:after,
.apollo-date-picker .date-range-picker .checked.rtl-next-first.compare.first-compare-date-selected.last-compare-date-selected .before-inner:after,
.apollo-date-picker .date-range-picker .rtl-next-first.compare.first-compare-date-selected.last-compare-date-selected.focus.hovering .before-inner:after,
.apollo-date-picker .date-range-picker .checked.last-date-selected.compare.first-compare-date-selected.last-compare-date-selected .before-inner:after {
  background-color: #FF6B4040;
}

.apollo-date-picker .date-range-picker .checked.first-date-selected.compare.first-compare-date-selected.last-compare-date-selected.rtl-compare-first  .before-inner:after,
.apollo-date-picker .date-range-picker .rtl-compare-first.compare.first-compare-date-selected.last-compare-date-selected.focus.rtl.hovering .before-inner:after {
  display: block;
  background-color: #FF6B4040;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}

.apollo-date-picker .date-range-picker tr td:last-child .rtl-compare-first.compare.first-compare-date-selected.last-compare-date-selected.rtl.hovering.focus .before-inner:after,
.apollo-date-picker .date-range-picker tr td:last-child .rtl-compare-first.rtl-previous-first.compare.first-compare-date-selected.last-compare-date-selected.hovering.focus.rtl .before-inner:after,
.apollo-date-picker .date-range-picker tr td:last-child .checked.first-date-selected.compare.first-compare-date-selected.last-compare-date-selected.rtl-compare-first  .before-inner:after {
  display: none;
}

.apollo-date-picker .date-range-picker tr td:last-child .compare.first-compare-date-selected .before-inner:before {
  display: none;
}

.apollo-date-picker .date-range-picker .rtl-compare-first.last-of-month.compare.first-compare-date-selected.last-compare-date-selected.rtl.hovering.focus .before-inner:after,
.apollo-date-picker .date-range-picker .checked.first-date-selected.rtl-compare-first.last-of-month.compare.first-compare-date-selected.last-compare-date-selected:not(.rtl) .before-inner:after,
.apollo-date-picker .date-range-picker .checked.first-date-selected.last-date-selected.last-of-month.compare.first-compare-date-selected.last-compare-date-selected.rtl-compare-first .before-inner:after {
  display: none;
}

.apollo-date-picker .date-range-picker tr td:nth-child(2) .rtl-compare-last.checked.first-date-selected.compare.last-compare-date-selected.rtl .before-inner:before,
.apollo-date-picker .date-range-picker tr td:nth-child(2) .compare.last-compare-date-selected.rtl-compare-last.rtl.hovering .before-inner:before,
.apollo-date-picker .date-range-picker tr td:nth-child(2) .checked.first-date-selected.compare.last-compare-date-selected.rtl-compare-last .before-inner:before,
.apollo-date-picker .date-range-picker tr td:nth-child(2) .rtl-compare-last.compare.last-compare-date-selected.rtl.focus.hovering .before-inner:before {
  display: none;
}

.apollo-date-picker .date-range-picker tr td:nth-child(2) .compare.last-compare-date-selected.rtl-compare-last.rtl.hovering:not(.focus) .before-inner:after,
.apollo-date-picker .date-range-picker tr td:nth-child(2) .rtl-previous-first.compare.last-compare-date-selected.rtl-compare-last.rtl.hovering:not(.focus) .before-inner:after,
.apollo-date-picker .date-range-picker tr td:nth-child(2) .checked.first-date-selected.last-date-selected.compare.last-compare-date-selected.rtl-compare-last .before-inner:after {
  display: none;
}

.apollo-date-picker .date-range-picker .month-name {
  color: #000;
}

.apollo-date-picker .date-range-picker .month-wrapper table.month1 td .inner,
.apollo-date-picker .date-range-picker .month-wrapper table.month2 td .inner {
  color: #000;
}

.apollo-date-picker .date-range-picker .month-wrapper table.month1 td:nth-child(7) .day,
.apollo-date-picker .date-range-picker .month-wrapper table.month1 td:nth-child(8) .day,
.apollo-date-picker .date-range-picker .month-wrapper table.month2 td:nth-child(7) .day,
.apollo-date-picker .date-range-picker .month-wrapper table.month2 td:nth-child(8) .day {
  background-color: #FFFFFF;
  font-weight: 600;
}

.apollo-date-picker .date-range-picker .month-wrapper table.month1 td:nth-child(7) .day:not(.checked):not(.hovering):not(.compare),
.apollo-date-picker .date-range-picker .month-wrapper table.month1 td:nth-child(8) .day:not(.checked):not(.hovering):not(.compare),
.apollo-date-picker .date-range-picker .month-wrapper table.month2 td:nth-child(7) .day:not(.checked):not(.hovering):not(.compare),
.apollo-date-picker .date-range-picker .month-wrapper table.month2 td:nth-child(8) .day:not(.checked):not(.hovering):not(.compare) {
  border-width: 2px;
  line-height: 36px;
}

.apollo-date-picker .date-range-picker .month-wrapper table.month1 .day,
.apollo-date-picker .date-range-picker .month-wrapper table.month2 .day {
  border-color: #f0f0f0;
}

.apollo-date-picker .date-range-picker .month-wrapper table.month1 .day .inner .notice,
.apollo-date-picker .date-range-picker .month-wrapper table.month2 .day .inner .notice {
  position: absolute;
  bottom: 67%;
  left: 67%;
  width: 20px;
  height: 18px;
}

.apollo-date-picker .date-range-picker .month-wrapper table.month1 thead .week-name th:not(:nth-child(1)),
.apollo-date-picker .date-range-picker .month-wrapper table.month2 thead .week-name th:not(:nth-child(1)) {
  padding-right: 4px;
  visibility: hidden;
}

.apollo-date-picker .date-range-picker .month-wrapper table.month1 thead .week-name th:not(:nth-child(1)):first-letter,
.apollo-date-picker .date-range-picker .month-wrapper table.month2 thead .week-name th:not(:nth-child(1)):first-letter {
  visibility: visible;
}

.apollo-date-picker .apply-button {
  text-align: center;
  margin-top: -100px;
}

.apollo-date-picker .apply-button .btn.btn--light.btn--secondary {
  margin-right: 5px;
}

.apollo-date-picker .info {
  float: right;
  height: 20px;
  width: 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f24e1e), to(#ff4a5a));
  background-image: -webkit-linear-gradient(top, #f24e1e, #ff4a5a);
  background-image: -o-linear-gradient(top, #f24e1e, #ff4a5a);
  background-image: linear-gradient(to bottom, #f24e1e, #ff4a5a);
  border-radius: 20px;
  color: #FFFFFF;
  text-align: center;
  line-height: normal;
  position: relative;
  top: 10px;
  right: 12px;
  font-weight: 900;
  font-size: 15px;
}

.apollo-date-picker .upgrade-button {
  float: right;
}

@media (max-width: 1023px) {
  .apollo-date-picker .calendar-panel {
    display: none;
  }

  .apollo-date-picker .date-range-selection-dropdown__body ul li {
    display: block !important;
  }

  .apollo-date-picker .date-range-selection-dropdown__body ul li:not(:last-child):after {
    height: 1px !important;
    top: 75px !important;
    z-index: 1;
    width: calc(100% - 16px) !important;
    right: 8px;
  }

  .apollo-date-picker .date-range-selection-dropdown__body ul li.active:after,
  .apollo-date-picker .date-range-selection-dropdown__body ul li:hover:after {
    display: none;
  }

  .apollo-date-picker .date-range-selection-dropdown__body ul li.active > div:after {
    position: absolute;
    right: 25px;
    top: 30px;
  }

  .apollo-date-picker.apollo-date-picker--dashboard {
    width: 100%;
    margin-left: 0;
    margin-top: 3px;
  }

  .apollo-date-picker.apollo-date-picker--dashboard .dropdown .dropdown-menu {
    width: 90vw;
    min-width: 0 !important;
  }

  .apollo-date-picker.apollo-date-picker--dashboard .date-range-selection--date-range .dropdown .dropdown-menu {
    left: 5vw !important;
  }

  .apollo-date-picker.apollo-date-picker--dashboard .date-range-selection--compare-date-range .dropdown .dropdown-menu {
    left: auto !important;
    right: 5vw !important;
  }

  .apollo-date-picker.apollo-date-picker--dashboard .date-range-selection {
    width: 50%;
  }

  .apollo-date-picker.apollo-date-picker--dashboard .dropdown,
  .apollo-date-picker.apollo-date-picker--dashboard .data-range-button {
    width: 100% !important;
    padding: 0 !important;
    font-size: 10px;
  }

  .apollo-date-picker.apollo-date-picker--dashboard .vs-label {
    font-size: 13px;
    margin-right: 19px;
  }

  .apollo-date-picker.apollo-date-picker--dashboard .data-range-button {
    border-radius: 0 !important;
  }
}

.date-range-picker {
  /*td:nth-child(1) .rtl.hovering:before {
        z-index: 9 - $i;
    }

    td:nth-child(1) .rtl.checked:before {
        z-index: 9 - $i;
    }

    td:nth-child(1) .rtl.checked.compare:before {
        z-index: 9 - $i;
    }

    td:nth-child(1) .rtl.rtlcomp.compare:before {
        z-index: 9 - $i;
    }*/
  /*td:nth-child(2) .rtl.hovering:before {
        z-index: 9 - $i;
    }

    td:nth-child(2) .rtl.checked:before {
        z-index: 9 - $i;
    }

    td:nth-child(2) .rtl.checked.compare:before {
        z-index: 9 - $i;
    }

    td:nth-child(2) .rtl.rtlcomp.compare:before {
        z-index: 9 - $i;
    }*/
  /*td:nth-child(3) .rtl.hovering:before {
        z-index: 9 - $i;
    }

    td:nth-child(3) .rtl.checked:before {
        z-index: 9 - $i;
    }

    td:nth-child(3) .rtl.checked.compare:before {
        z-index: 9 - $i;
    }

    td:nth-child(3) .rtl.rtlcomp.compare:before {
        z-index: 9 - $i;
    }*/
  /*td:nth-child(4) .rtl.hovering:before {
        z-index: 9 - $i;
    }

    td:nth-child(4) .rtl.checked:before {
        z-index: 9 - $i;
    }

    td:nth-child(4) .rtl.checked.compare:before {
        z-index: 9 - $i;
    }

    td:nth-child(4) .rtl.rtlcomp.compare:before {
        z-index: 9 - $i;
    }*/
  /*td:nth-child(5) .rtl.hovering:before {
        z-index: 9 - $i;
    }

    td:nth-child(5) .rtl.checked:before {
        z-index: 9 - $i;
    }

    td:nth-child(5) .rtl.checked.compare:before {
        z-index: 9 - $i;
    }

    td:nth-child(5) .rtl.rtlcomp.compare:before {
        z-index: 9 - $i;
    }*/
  /*td:nth-child(6) .rtl.hovering:before {
        z-index: 9 - $i;
    }

    td:nth-child(6) .rtl.checked:before {
        z-index: 9 - $i;
    }

    td:nth-child(6) .rtl.checked.compare:before {
        z-index: 9 - $i;
    }

    td:nth-child(6) .rtl.rtlcomp.compare:before {
        z-index: 9 - $i;
    }*/
}

.date-picker-wrapper {
  position: absolute;
  z-index: 1;
  font-size: 15px;
  font-weight: normal;
  color: #FFFFFF;
}

.date-picker-wrapper.inline-wrapper {
  position: relative;
  display: inline-block;
}

.date-picker-wrapper .month-name:first-letter {
  text-transform: uppercase;
}

.date-picker-wrapper .month-wrapper {
  width: auto !important;
  min-width: 814px;
}

.date-picker-wrapper .month-wrapper table.month1 {
  margin-left: 5px;
  float: left;
}

.date-picker-wrapper .month-wrapper table.month1 tr.caption th:first-child span {
  display: none;
}

.date-picker-wrapper .month-wrapper table.month2 {
  float: right;
  margin-right: 5px;
}

.date-picker-wrapper .month-wrapper table.month2 tr.caption th:last-child span {
  display: none;
}

.date-picker-wrapper .month-wrapper table {
  table-layout: fixed;
}

.date-picker-wrapper .month-wrapper table thead .caption th {
  vertical-align: top;
  height: 46px;
}

.date-picker-wrapper .month-wrapper table thead .week-name th {
  color: #888;
  font-size: 10px;
  text-transform: uppercase;
  width: 50px;
  padding-right: 4px;
  vertical-align: top;
  height: 28px;
}

.date-picker-wrapper .month-wrapper table thead .week-name th:first-child {
  visibility: hidden;
  width: 28px;
}

.date-picker-wrapper .month-wrapper table thead .week-name th:last-child {
  width: 40px;
}

.date-picker-wrapper .month-wrapper table th,
.date-picker-wrapper .month-wrapper table td {
  vertical-align: middle;
  text-align: center;
}

.date-picker-wrapper .month-wrapper table tbody .day {
  cursor: pointer;
  height: 40px;
  width: 40px;
  line-height: 38px;
  margin-right: 10px;
  margin-bottom: 10px;
  position: relative;
  padding: 0;
  background: transparent;
  border-radius: 50%;
  border: 1px solid #282828;
}

.date-picker-wrapper .month-wrapper table tbody .day.weekend {
  background-color: #282828;
}

.date-picker-wrapper .month-wrapper table tbody .day.nextMonth,
.date-picker-wrapper .month-wrapper table tbody .day.lastMonth {
  display: none;
}

.date-picker-wrapper .month-wrapper table tbody .day.invalid {
  color: rgba(255, 255, 255, 0.28);
  cursor: default;
}

.date-picker-wrapper .month-wrapper table tbody .day.invalid .inner {
  opacity: .4;
}

.date-picker-wrapper .month-wrapper table tbody .week-number {
  height: 40px;
  line-height: 38px;
  margin-bottom: 10px;
  width: 28px;
  font-size: 10px;
  color: #888;
  cursor: pointer;
  text-align: left;
}

.date-picker-wrapper .month-wrapper table tbody td:nth-child(7) .day,
.date-picker-wrapper .month-wrapper table tbody td:nth-child(8) .day {
  background-color: #282828;
}

.date-picker-wrapper .month-wrapper table tbody td:nth-child(7) .day.checked,
.date-picker-wrapper .month-wrapper table tbody td:nth-child(7) .day.compare,
.date-picker-wrapper .month-wrapper table tbody td:nth-child(8) .day.checked,
.date-picker-wrapper .month-wrapper table tbody td:nth-child(8) .day.compare {
  background-color: transparent;
}

.date-picker-wrapper .month-wrapper table tbody tr:last-child td .day {
  margin-bottom: 0;
}

.date-picker-wrapper .month-wrapper table tbody tr td:last-child .day {
  margin-right: 0;
}

.date-picker-wrapper .month-wrapper table tbody tr:last-child td:first-child .week-number {
  margin-bottom: 0;
}

.date-picker-wrapper .gap {
  float: left;
  width: 40px;
  display: none;
}

.date-picker-wrapper .date-range-length-tip {
  display: none !important;
}

.date-picker-wrapper .footer {
  display: none;
}

#loading-bar .bar {
  background: #F24E1E;
}

#loading-bar .peg {
  display: none;
}

.dropdown .dropdown-menu.dropdown__key-figures {
  margin-top: 0;
  top: 0;
}

.dropdown__key-figures {
  background-color: #FFFFFF !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  white-space: nowrap;
  position: relative;
  height: 400px;
  width: 250px;
  overflow-y: auto;
}

.dropdown__key-figures .group-label {
  color: #888;
  font-size: 11px;
  letter-spacing: 0.5px;
  height: 27px;
  background-color: #f5f5f5;
  margin-left: 10px;
  padding-top: 8px;
  padding-left: 6px;
}

.dropdown__key-figures .keyfigure-label {
  font-size: 13px;
  color: #454545;
  padding: 15px 10px 15px 6px;
  margin-left: 10px;
}

.dropdown__key-figures .keyfigure-label.keyfigure-separator {
  border-bottom: 1px solid #e1e1e1;
}

.dropdown__key-figures .keyfigure-label:hover:not(.active-keyfigure) {
  cursor: pointer;
  background-color: #e1e1e1;
}

.dropdown__key-figures .keyfigure-label:hover:not(.active-keyfigure):before {
  font-weight: normal;
  content: 'c';
  float: right;
  font-family: 'etracker';
  color: #F24E1E;
}

.dropdown__key-figures .active-keyfigure {
  color: #aaa;
}

.dropdown__key-figures .active-keyfigure:before {
  font-weight: normal;
  content: 'c';
  float: right;
  font-family: 'etracker';
  display: block;
  color: #aaa;
}

.dropdown__key-figures .mCSB_inside > .mCSB_container {
  margin-right: 20px;
}

.keyfigureDropdown__bt--all {
  border-radius: 6px;
  background-color: #f5f5f5 !important;
  width: 240px;
}

.rzslider .rz-bubble.rz-model-value {
  color: white;
}

.rzslider .rz-bubble.rz-limit.rz-floor,
.rzslider .rz-bubble.rz-limit.rz-ceil {
  display: none;
}

.rzslider .rz-bar,
.rzslider .rz-tick {
  background: #b1b1b1;
}

.rzslider .rz-bar {
  height: 3px;
}

.rzslider .rz-tick {
  height: 20px;
  width: 2px;
  margin-left: 15px;
  border-radius: initial;
  top: -5px;
}

.rzslider .rz-pointer {
  background: none;
}

.rzslider .rz-pointer:after {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  top: 6px;
  left: 6px;
  background: #F24E1E !important;
}

.rzslider .rz-tick-legend {
  max-width: initial;
}

.apolloOverlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}

.apolloOverlay.aside-from-menu {
  width: calc(100% - 248px);
  left: 248px;
}

.apolloOverlay .closeOverlay {
  position: fixed;
  z-index: 1000001;
  top: 25px;
  right: 0;
  width: 49px;
  height: 40px;
  border: 1px solid #FFFFFF;
  border-right: none;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  cursor: pointer;
  color: #FFFFFF;
}

.apolloOverlay .closeOverlay .closeButton {
  line-height: 40px;
  margin-left: 16px;
  font-size: 12px;
}

@media (max-width: 1279px) {
  .apolloOverlay.aside-from-menu {
    width: calc(100% - 78px);
    left: 78px;
  }
}

.inline {
  display: inline-block;
}

.inline {
  vertical-align: middle;
}

/* --- SIDEBAR START --- */

.sidebar-column,
.sidebar-column.menuOpen {
  height: 100vh;
  background-color: #f5f5f5;
  width: 248px;
  overflow: hidden;
  position: fixed !important;
  border-right: 3px #cecece solid;
  z-index: 26;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.sidebar-column .arrow-cnt,
.sidebar-column.menuOpen .arrow-cnt {
  height: 30px;
  margin: 10px 15px 0 auto;
  font-weight: bolder;
  color: #5d5d5d;
  display: inline-block;
  -webkit-transform: scaleY(1.5);
      -ms-transform: scaleY(1.5);
          transform: scaleY(1.5);
}

.sidebar-column .arrow-cnt:hover,
.sidebar-column.menuOpen .arrow-cnt:hover {
  cursor: pointer;
}

.sidebar-column .arrow-cnt .arrows-right,
.sidebar-column.menuOpen .arrow-cnt .arrows-right {
  display: none;
}

.sidebar-column .arrow-cnt .arrows-left,
.sidebar-column.menuOpen .arrow-cnt .arrows-left {
  display: block;
}

.sidebar-column.collapsible .arrow-cnt,
.sidebar-column.menuOpen.collapsible .arrow-cnt {
  display: none;
}

.sidebar-column .mCustomScrollbar,
.sidebar-column.menuOpen .mCustomScrollbar {
  overflow: hidden !important;
}

.sidebar-column .mCustomScrollbar .mCustomScrollBox,
.sidebar-column.menuOpen .mCustomScrollbar .mCustomScrollBox {
  overflow: visible;
}

.sidebar-column .mCustomScrollbar .mCustomScrollBox .mCSB_container,
.sidebar-column.menuOpen .mCustomScrollbar .mCustomScrollBox .mCSB_container {
  overflow: visible;
}

.sidebar-column .sidebar-background,
.sidebar-column.menuOpen .sidebar-background {
  background-color: #f5f5f5;
  height: 100vh;
  width: 100%;
  position: relative;
  top: 0;
  z-index: -1;
}

.sidebar-column .sidebar-header,
.sidebar-column.menuOpen .sidebar-header {
  border: 1px solid #f5f5f5;
  background-color: #f5f5f5;
}

.sidebar-column .sidebar-header .application-toggle,
.sidebar-column.menuOpen .sidebar-header .application-toggle {
  display: -ms-flexbox;
  display: flex;
}

.sidebar-column .sidebar-header .application-toggle #etracker-logo,
.sidebar-column.menuOpen .sidebar-header .application-toggle #etracker-logo {
  color: #F24E1E;
  width: 80px;
  height: 17px;
  border: none;
  margin: 15px 0 12px 28px;
}

.sidebar-column .sidebar-header .application-toggle .toggle-button,
.sidebar-column.menuOpen .sidebar-header .application-toggle .toggle-button {
  background-color: #FFFFFF;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  margin-left: 14px;
  margin-top: 5px;
  border: 1px solid #b1b1b1;
  border-radius: 4px;
  padding: 5px 12px;
}

.sidebar-column .sidebar-header .application-toggle .toggle-button:hover,
.sidebar-column.menuOpen .sidebar-header .application-toggle .toggle-button:hover {
  cursor: pointer;
}

.sidebar-column .sidebar-header .application-toggle .toggle-button #app-switcher-icon,
.sidebar-column.menuOpen .sidebar-header .application-toggle .toggle-button #app-switcher-icon {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgYXJpYS1sYWJlbGxlZGJ5PSJpY29uX2xhYmVsbGVkYnlfNCIgc3R5bGU9IndpZHRoOiAxLjVyZW07IGhlaWdodDogMS41cmVtOyI+PHRpdGxlIGlkPSJpY29uX2xhYmVsbGVkYnlfNCI+ZXRyYWNrZXI8L3RpdGxlPjxwYXRoIGQ9Ik0yMSw5TDE3LDVWOEgxMFYxMEgxN1YxM003LDExTDMsMTVMNywxOVYxNkgxNFYxNEg3VjExWiIgc3R5bGU9ImZpbGw6IGJsYWNrOyIvPjwvc3ZnPg==) no-repeat 0 0;
  width: 17px;
  height: 17px;
  border: none;
  margin-right: 10px;
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
}

.sidebar-column .sidebar-header .application-toggle .toggle-button--text,
.sidebar-column.menuOpen .sidebar-header .application-toggle .toggle-button--text {
  color: #474747;
  font-size: 14px;
}

.sidebar-column .sidebar-header .accountBox .account,
.sidebar-column.menuOpen .sidebar-header .accountBox .account {
  padding: 0 0 0 68px;
  height: 50px;
  position: relative;
  cursor: pointer;
}

.sidebar-column .sidebar-header .accountBox .account.open:after,
.sidebar-column.menuOpen .sidebar-header .accountBox .account.open:after {
  content: '';
  right: -5px;
  width: 11px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  height: 11px;
  top: 20px;
  position: absolute;
  background-color: #fafafa;
}

.sidebar-column .sidebar-header .accountBox .account.open:hover:after,
.sidebar-column.menuOpen .sidebar-header .accountBox .account.open:hover:after {
  background-color: #f5f5f5;
}

.sidebar-column .sidebar-header .accountBox .account.active .item:before,
.sidebar-column.menuOpen .sidebar-header .accountBox .account.active .item:before {
  content: '';
  left: 0;
  height: calc(100% + 1px);
  width: 6px;
  top: 0;
  position: absolute;
  background-color: #F24E1E;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  z-index: 3;
}

.sidebar-column .sidebar-header .accountBox .account:hover,
.sidebar-column.menuOpen .sidebar-header .accountBox .account:hover {
  background-color: #ebebeb;
}

.sidebar-column .sidebar-header .accountBox .account:hover:before,
.sidebar-column.menuOpen .sidebar-header .accountBox .account:hover:before {
  top: 0;
  content: '';
  right: 0;
  position: absolute;
  height: 2px;
  width: 100%;
  background-color: #e1e1e1;
}

.sidebar-column .sidebar-header .accountBox .account .menuIcon,
.sidebar-column.menuOpen .sidebar-header .accountBox .account .menuIcon {
  color: #a5a5a5;
  font-size: 16px;
  left: 30px;
  position: absolute;
  vertical-align: middle;
  line-height: 50px;
  width: 26px;
  text-align: center;
}

.sidebar-column .sidebar-header .accountBox .account .menuIcon:before,
.sidebar-column.menuOpen .sidebar-header .accountBox .account .menuIcon:before {
  line-height: 50px;
}

.sidebar-column .sidebar-header .accountBox .account .accountItem,
.sidebar-column.menuOpen .sidebar-header .accountBox .account .accountItem {
  padding-top: 12px;
  padding-right: 20px;
  visibility: visible;
}

.sidebar-column .sidebar-header .accountBox .account .accountItem .account-domain,
.sidebar-column.menuOpen .sidebar-header .accountBox .account .accountItem .account-domain {
  font-size: 12px;
  color: #656565;
  font-weight: 600;
  margin-bottom: 3px;
  width: 100%;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}

.sidebar-column .sidebar-header .accountBox .account .accountItem .account-id-cnt,
.sidebar-column.menuOpen .sidebar-header .accountBox .account .accountItem .account-id-cnt {
  font-size: 11px;
  color: #888;
  width: 100%;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}

.sidebar-column .sidebar,
.sidebar-column.menuOpen .sidebar {
  font-size: 12px;
  color: #5d5d5d;
  padding-bottom: 14px;
}

.sidebar-column .sidebar analytics-icon.menuIcon,
.sidebar-column.menuOpen .sidebar analytics-icon.menuIcon {
  line-height: 1.5;
}

.sidebar-column .sidebar .menuIcon,
.sidebar-column.menuOpen .sidebar .menuIcon {
  vertical-align: middle;
  position: absolute;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  left: 30px;
  color: #a5a5a5;
  width: 26px;
  text-align: center;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

.sidebar-column .sidebar .menuIcon + .menuIcon,
.sidebar-column.menuOpen .sidebar .menuIcon + .menuIcon {
  left: 35px;
}

.sidebar-column .sidebar .menuIcon:before,
.sidebar-column.menuOpen .sidebar .menuIcon:before {
  line-height: 50px;
}

.sidebar-column .sidebar .menuIcon.attention:after,
.sidebar-column.menuOpen .sidebar .menuIcon.attention:after {
  content: '';
  height: 10px;
  width: 10px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4a5a), to(#f24e1e));
  background-image: -webkit-linear-gradient(top, #ff4a5a, #f24e1e);
  background-image: -o-linear-gradient(top, #ff4a5a, #f24e1e);
  background-image: linear-gradient(to bottom, #ff4a5a, #f24e1e);
  background-color: #f24e1e;
  right: 26px;
  top: -2px;
  position: absolute;
  border-radius: 50%;
  border: 2px solid #f5f5f5;
}

.sidebar-column .sidebar .menuIcon.consent-logo > svg,
.sidebar-column.menuOpen .sidebar .menuIcon.consent-logo > svg {
  vertical-align: -3px;
  display: inline-block;
  width: 100%;
  height: 100%;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.sidebar-column .sidebar .module-cnt.analytics-module-cnt,
.sidebar-column.menuOpen .sidebar .module-cnt.analytics-module-cnt {
  border-top: 2px #e1e1e1 solid;
  border-bottom: 2px #e1e1e1 solid;
  background-color: #fafafa;
}

.sidebar-column .sidebar .module-cnt .module-header,
.sidebar-column.menuOpen .sidebar .module-cnt .module-header {
  height: 44px;
  line-height: 44px;
  padding: 0 25px 0 68px;
  font-size: 12px;
}

.sidebar-column .sidebar .module-cnt .module-header .item-inner,
.sidebar-column.menuOpen .sidebar .module-cnt .module-header .item-inner {
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  color: #333;
}

.sidebar-column .sidebar .module-cnt .module-header .menuIcon,
.sidebar-column.menuOpen .sidebar .module-cnt .module-header .menuIcon {
  font-size: 25px;
  color: #5d5d5d;
}

.sidebar-column .sidebar .module-cnt .module-header .menuIcon:before,
.sidebar-column.menuOpen .sidebar .module-cnt .module-header .menuIcon:before {
  line-height: 44px;
}

.sidebar-column .sidebar .module-cnt .module-header span,
.sidebar-column.menuOpen .sidebar .module-cnt .module-header span {
  font-weight: 600;
}

.sidebar-column .sidebar .module-cnt .sidebar-group,
.sidebar-column.menuOpen .sidebar .module-cnt .sidebar-group {
  background-color: #f5f5f5;
}

.sidebar-column .sidebar .module-cnt .sidebar-group.webanalytics-group,
.sidebar-column.menuOpen .sidebar .module-cnt .sidebar-group.webanalytics-group {
  border: 1px solid #d4d4d4;
  border-right: none;
  margin-left: 10px;
  width: calc(100% - 10px);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.sidebar-column .sidebar .module-cnt .sidebar-group.webanalytics-group .package.active:before,
.sidebar-column.menuOpen .sidebar .module-cnt .sidebar-group.webanalytics-group .package.active:before {
  left: -1px;
}

.sidebar-column .sidebar .module-cnt .sidebar-group.webanalytics-group .package.open:after,
.sidebar-column.menuOpen .sidebar .module-cnt .sidebar-group.webanalytics-group .package.open:after {
  background-color: #f5f5f5;
}

.sidebar-column .sidebar .module-cnt .sidebar-group.webanalytics-group .package.open:hover:after,
.sidebar-column.menuOpen .sidebar .module-cnt .sidebar-group.webanalytics-group .package.open:hover:after {
  background-color: #ebebeb;
}

.sidebar-column .sidebar .module-cnt .sidebar-group.webanalytics-group .package.active .item span,
.sidebar-column.menuOpen .sidebar .module-cnt .sidebar-group.webanalytics-group .package.active .item span {
  font-weight: 600;
}

.sidebar-column .sidebar .module-cnt .sidebar-group.webanalytics-group .package .item,
.sidebar-column.menuOpen .sidebar .module-cnt .sidebar-group.webanalytics-group .package .item {
  font-weight: 400;
  padding-left: 67px;
}

.sidebar-column .sidebar .module-cnt .sidebar-group.webanalytics-group .package .item:after,
.sidebar-column.menuOpen .sidebar .module-cnt .sidebar-group.webanalytics-group .package .item:after {
  width: calc(100% - 30px);
}

.sidebar-column .sidebar .module-cnt .sidebar-group.webanalytics-group .package .item:hover,
.sidebar-column.menuOpen .sidebar .module-cnt .sidebar-group.webanalytics-group .package .item:hover {
  background-color: #ebebeb;
}

.sidebar-column .sidebar .module-cnt .sidebar-group.webanalytics-group .package .item:hover:after,
.sidebar-column .sidebar .module-cnt .sidebar-group.webanalytics-group .package .item:hover:before,
.sidebar-column.menuOpen .sidebar .module-cnt .sidebar-group.webanalytics-group .package .item:hover:after,
.sidebar-column.menuOpen .sidebar .module-cnt .sidebar-group.webanalytics-group .package .item:hover:before {
  width: 100%;
}

.sidebar-column .sidebar .module-cnt .sidebar-group.webanalytics-group .package:last-child.active:before,
.sidebar-column.menuOpen .sidebar .module-cnt .sidebar-group.webanalytics-group .package:last-child.active:before {
  border-bottom-left-radius: 5px;
}

.sidebar-column .sidebar .module-cnt .sidebar-group.webanalytics-group .package:last-child .item,
.sidebar-column.menuOpen .sidebar .module-cnt .sidebar-group.webanalytics-group .package:last-child .item {
  height: 100%;
  border-bottom-left-radius: 5px;
}

.sidebar-column .sidebar .module-cnt .sidebar-group.webanalytics-group .package:last-child .item:hover,
.sidebar-column.menuOpen .sidebar .module-cnt .sidebar-group.webanalytics-group .package:last-child .item:hover {
  border-bottom: 1px solid #d4d4d4;
}

.sidebar-column .sidebar .module-cnt .sidebar-group.webanalytics-group + .package .item:hover:before,
.sidebar-column.menuOpen .sidebar .module-cnt .sidebar-group.webanalytics-group + .package .item:hover:before {
  top: -1px;
}

.sidebar-column .sidebar .module-cnt .sidebar-group.webanalytics-group + .package.active:before,
.sidebar-column.menuOpen .sidebar .module-cnt .sidebar-group.webanalytics-group + .package.active:before {
  height: calc(100% + 2px);
  top: -1px;
}

.sidebar-column .sidebar .module-cnt .sidebar-group .sidebar-group-header,
.sidebar-column.menuOpen .sidebar .module-cnt .sidebar-group .sidebar-group-header {
  font-weight: 600;
  line-height: 50px;
  height: 50px;
  padding-left: 58px;
  position: relative;
}

.sidebar-column .sidebar .module-cnt .sidebar-group .sidebar-group-header .item-inner,
.sidebar-column.menuOpen .sidebar .module-cnt .sidebar-group .sidebar-group-header .item-inner {
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  color: #333;
}

.sidebar-column .sidebar .module-cnt .sidebar-group .sidebar-group-header .menuIcon,
.sidebar-column.menuOpen .sidebar .module-cnt .sidebar-group .sidebar-group-header .menuIcon {
  left: 20px;
  color: #5d5d5d;
}

.sidebar-column .sidebar .module-cnt .sidebar-group .sidebar-group-header:after,
.sidebar-column.menuOpen .sidebar .module-cnt .sidebar-group .sidebar-group-header:after {
  content: '';
  bottom: -1px;
  right: 0;
  position: absolute;
  width: calc(100% - 30px);
  height: 1px;
  border-bottom: 1px dotted #d4d4d4;
}

.sidebar-column .sidebar .module-cnt .package .item,
.sidebar-column.menuOpen .sidebar .module-cnt .package .item {
  white-space: nowrap;
  width: 100%;
  position: relative;
  padding-left: 67px;
  font-weight: 600;
}

.sidebar-column .sidebar .module-cnt .package .item:after,
.sidebar-column.menuOpen .sidebar .module-cnt .package .item:after {
  content: '';
  bottom: -1px;
  right: 0;
  position: absolute;
  width: calc(100% - 20px);
  height: 1px;
  background-color: #d4d4d4;
}

.sidebar-column .sidebar .module-cnt .package .item:hover,
.sidebar-column.menuOpen .sidebar .module-cnt .package .item:hover {
  background-color: #f5f5f5;
}

.sidebar-column .sidebar .module-cnt .package .item:hover:after,
.sidebar-column .sidebar .module-cnt .package .item:hover:before,
.sidebar-column.menuOpen .sidebar .module-cnt .package .item:hover:after,
.sidebar-column.menuOpen .sidebar .module-cnt .package .item:hover:before {
  width: 100%;
  background-color: #d4d4d4;
}

.sidebar-column .sidebar .module-cnt .package .item:hover:after,
.sidebar-column.menuOpen .sidebar .module-cnt .package .item:hover:after {
  bottom: 0;
}

.sidebar-column .sidebar .module-cnt .package:not(.optimiser-package) .item:hover:before,
.sidebar-column.menuOpen .sidebar .module-cnt .package:not(.optimiser-package) .item:hover:before {
  top: 0;
  content: '';
  right: 0;
  position: absolute;
  height: 1px;
}

.sidebar-column .sidebar .module-cnt .package.signalize,
.sidebar-column.menuOpen .sidebar .module-cnt .package.signalize {
  color: #333;
}

.sidebar-column .sidebar .module-cnt .package:last-child .item:after,
.sidebar-column.menuOpen .sidebar .module-cnt .package:last-child .item:after {
  display: none;
}

.sidebar-column .sidebar .package,
.sidebar-column.menuOpen .sidebar .package {
  line-height: 50px;
  height: 50px;
  cursor: pointer;
  position: relative;
}

.sidebar-column .sidebar .package.active:before,
.sidebar-column.menuOpen .sidebar .package.active:before {
  content: '';
  left: 0;
  height: calc(100% + 1px);
  width: 6px;
  top: 0;
  position: absolute;
  background-color: #F24E1E;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  z-index: 2;
}

.sidebar-column .sidebar .package.active .item,
.sidebar-column.menuOpen .sidebar .package.active .item {
  font-weight: 600;
  color: #F24E1E;
}

.sidebar-column .sidebar .package.open:after,
.sidebar-column.menuOpen .sidebar .package.open:after {
  content: '';
  right: -5px;
  width: 11px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  height: 11px;
  top: 20px;
  position: absolute;
  background-color: #fafafa;
}

.sidebar-column .sidebar .package.open:hover:after,
.sidebar-column.menuOpen .sidebar .package.open:hover:after {
  background-color: #f5f5f5;
}

.sidebar-column .sidebar .siqnalize-menu .beta,
.sidebar-column.menuOpen .sidebar .siqnalize-menu .beta {
  color: #00a6ff;
  position: relative;
  bottom: 10px;
}

.sidebar-column .sidebar .siqnalize-menu span,
.sidebar-column.menuOpen .sidebar .siqnalize-menu span {
  color: #333;
}

.sidebar-column .sidebar .siqnalize-menu .beta,
.sidebar-column.menuOpen .sidebar .siqnalize-menu .beta {
  font-size: 90%;
}

.sidebar-column .sidebar .consent.consent,
.sidebar-column.menuOpen .sidebar .consent.consent {
  border-bottom: 2px solid #e1e1e1;
  border-top: 0;
}

.sidebar-column .sidebar .etracker-product,
.sidebar-column.menuOpen .sidebar .etracker-product {
  color: #333;
  font-weight: normal;
}

.sidebar-column .sidebar .etracker-product span,
.sidebar-column.menuOpen .sidebar .etracker-product span {
  font-weight: 600;
}

.sidebar-column .sidebar .dashboard,
.sidebar-column .sidebar .consent,
.sidebar-column .sidebar .siqnalize-menu,
.sidebar-column .sidebar .search,
.sidebar-column.menuOpen .sidebar .dashboard,
.sidebar-column.menuOpen .sidebar .consent,
.sidebar-column.menuOpen .sidebar .siqnalize-menu,
.sidebar-column.menuOpen .sidebar .search {
  border-top: 2px #e1e1e1 solid;
  background-color: #f5f5f5;
  padding-left: 67px;
  font-weight: 600;
  line-height: 46px;
}

.sidebar-column .sidebar .dashboard:hover,
.sidebar-column .sidebar .consent:hover,
.sidebar-column .sidebar .siqnalize-menu:hover,
.sidebar-column .sidebar .search:hover,
.sidebar-column.menuOpen .sidebar .dashboard:hover,
.sidebar-column.menuOpen .sidebar .consent:hover,
.sidebar-column.menuOpen .sidebar .siqnalize-menu:hover,
.sidebar-column.menuOpen .sidebar .search:hover {
  background-color: #ebebeb;
}

.sidebar-column .sidebar .dashboard.active:before,
.sidebar-column .sidebar .consent.active:before,
.sidebar-column .sidebar .siqnalize-menu.active:before,
.sidebar-column .sidebar .search.active:before,
.sidebar-column.menuOpen .sidebar .dashboard.active:before,
.sidebar-column.menuOpen .sidebar .consent.active:before,
.sidebar-column.menuOpen .sidebar .siqnalize-menu.active:before,
.sidebar-column.menuOpen .sidebar .search.active:before {
  height: calc(100% + 4px);
  top: -2px;
}

.sidebar-column .sidebar .dashboard.open:after,
.sidebar-column .sidebar .consent.open:after,
.sidebar-column .sidebar .siqnalize-menu.open:after,
.sidebar-column .sidebar .search.open:after,
.sidebar-column.menuOpen .sidebar .dashboard.open:after,
.sidebar-column.menuOpen .sidebar .consent.open:after,
.sidebar-column.menuOpen .sidebar .siqnalize-menu.open:after,
.sidebar-column.menuOpen .sidebar .search.open:after {
  background-color: #f5f5f5;
}

.sidebar-column .sidebar .dashboard.open:hover:after,
.sidebar-column .sidebar .consent.open:hover:after,
.sidebar-column .sidebar .siqnalize-menu.open:hover:after,
.sidebar-column .sidebar .search.open:hover:after,
.sidebar-column.menuOpen .sidebar .dashboard.open:hover:after,
.sidebar-column.menuOpen .sidebar .consent.open:hover:after,
.sidebar-column.menuOpen .sidebar .siqnalize-menu.open:hover:after,
.sidebar-column.menuOpen .sidebar .search.open:hover:after {
  background-color: #ebebeb;
}

.sidebar-column .sidebar .dashboard.inactive,
.sidebar-column .sidebar .consent.inactive,
.sidebar-column .sidebar .siqnalize-menu.inactive,
.sidebar-column .sidebar .search.inactive,
.sidebar-column.menuOpen .sidebar .dashboard.inactive,
.sidebar-column.menuOpen .sidebar .consent.inactive,
.sidebar-column.menuOpen .sidebar .siqnalize-menu.inactive,
.sidebar-column.menuOpen .sidebar .search.inactive {
  background-color: #fafafa;
}

.sidebar-column .sidebar .dashboard.inactive .item,
.sidebar-column .sidebar .dashboard.inactive .menuIcon,
.sidebar-column .sidebar .consent.inactive .item,
.sidebar-column .sidebar .consent.inactive .menuIcon,
.sidebar-column .sidebar .siqnalize-menu.inactive .item,
.sidebar-column .sidebar .siqnalize-menu.inactive .menuIcon,
.sidebar-column .sidebar .search.inactive .item,
.sidebar-column .sidebar .search.inactive .menuIcon,
.sidebar-column.menuOpen .sidebar .dashboard.inactive .item,
.sidebar-column.menuOpen .sidebar .dashboard.inactive .menuIcon,
.sidebar-column.menuOpen .sidebar .consent.inactive .item,
.sidebar-column.menuOpen .sidebar .consent.inactive .menuIcon,
.sidebar-column.menuOpen .sidebar .siqnalize-menu.inactive .item,
.sidebar-column.menuOpen .sidebar .siqnalize-menu.inactive .menuIcon,
.sidebar-column.menuOpen .sidebar .search.inactive .item,
.sidebar-column.menuOpen .sidebar .search.inactive .menuIcon {
  opacity: 0.6;
}

.sidebar-column .sidebar .dashboard.inactive:hover,
.sidebar-column .sidebar .consent.inactive:hover,
.sidebar-column .sidebar .siqnalize-menu.inactive:hover,
.sidebar-column .sidebar .search.inactive:hover,
.sidebar-column.menuOpen .sidebar .dashboard.inactive:hover,
.sidebar-column.menuOpen .sidebar .consent.inactive:hover,
.sidebar-column.menuOpen .sidebar .siqnalize-menu.inactive:hover,
.sidebar-column.menuOpen .sidebar .search.inactive:hover {
  cursor: auto;
  background-color: #fafafa;
}

.sidebar-column .sidebar .dashboard .item,
.sidebar-column .sidebar .consent .item,
.sidebar-column .sidebar .siqnalize-menu .item,
.sidebar-column .sidebar .search .item,
.sidebar-column.menuOpen .sidebar .dashboard .item,
.sidebar-column.menuOpen .sidebar .consent .item,
.sidebar-column.menuOpen .sidebar .siqnalize-menu .item,
.sidebar-column.menuOpen .sidebar .search .item {
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: block;
}

.sidebar-column .sidebar .middle,
.sidebar-column.menuOpen .sidebar .middle {
  font-size: 26px;
  line-height: 30px;
}

.sidebar-column .sidebar .top-spacer,
.sidebar-column.menuOpen .sidebar .top-spacer {
  margin: 10px 0 0 5px;
  height: 30px;
}

.sidebar-column .sidebar .left-spacer,
.sidebar-column.menuOpen .sidebar .left-spacer {
  margin: 5px 0;
  height: 30px;
  padding-bottom: 35px;
}

.sidebar-column .sidebar .item,
.sidebar-column.menuOpen .sidebar .item {
  padding-right: 20px;
}

.sidebar-column .sidebar .item .item-inner,
.sidebar-column.menuOpen .sidebar .item .item-inner {
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  visibility: visible;
  width: 100%;
}

.sidebar-column .sidebar .item .item-inner span,
.sidebar-column.menuOpen .sidebar .item .item-inner span {
  visibility: visible;
}

.sidebar-column .sidebar.search,
.sidebar-column.menuOpen .sidebar.search {
  background-color: #FFFFFF;
  padding: 2px 5px 2px 10px;
}

.sidebar-column .sidebar.search input,
.sidebar-column.menuOpen .sidebar.search input {
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  width: 95%;
}

.sidebar-column .sidebar.settings,
.sidebar-column.menuOpen .sidebar.settings {
  background-color: #FFFFFF;
  padding: 2px 5px 2px 10px;
}

.sidebar-column .sidebar.settings input,
.sidebar-column.menuOpen .sidebar.settings input {
  border: none;
}

.sidebar-column .breaker,
.sidebar-column.menuOpen .breaker {
  position: relative;
  left: 11px;
}

/* --- SIDEBAR END --- */

.menuOverlay {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.9);
  color: #FFFFFF;
  height: 100%;
  width: calc(100% - 248px);
  min-width: 775px;
  top: 0;
  left: 248px;
  z-index: 1025;
}

.menuOverlay .closeMenuOverlay {
  position: fixed;
  z-index: 3;
  top: 25px;
  right: 0;
  width: 49px;
  height: 40px;
  border: 1px solid #FFFFFF;
  border-right: none;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  cursor: pointer;
}

.menuOverlay .closeMenuOverlay .closeButton {
  line-height: 40px;
  margin-left: 16px;
  font-size: 12px;
}

.menuOverlay .menu {
  height: 100%;
}

.menuOverlay .center {
  position: relative;
  top: 200px;
  left: calc(45% - 100px);
}

.menuOverlay .search {
  margin: 0 auto;
  width: 300px;
}

.menuOverlay .search > div {
  position: absolute;
  top: 300px;
}

.menuOverlay .search > div > input[type='text'] {
  width: 300px;
}

.menuOverlay .btn-cnt {
  text-align: center;
}

.menuOverlay .menuCnt {
  margin: 157px auto 0;
  max-width: 770px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.menuOverlay .menuCnt.gtSix,
.menuOverlay .menuCnt.gtThree {
  margin-top: 75px;
}

.menuOverlay .menuCnt.one {
  width: 290px;
}

.menuOverlay .menuCnt.one .menuGroup {
  margin-right: 15px;
  margin-left: 15px;
}

.menuOverlay .menuCnt.two {
  width: 535px;
}

.menuOverlay .menuCnt.two .menuGroup:nth-child(2) {
  margin-right: 0;
}

.menuOverlay .menuCnt.two .menuGroup:nth-child(2) .menuGroupInner {
  border-right: none;
}

.menuOverlay .menuCnt .groupHeadline {
  color: #F24E1E;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 18px;
  text-transform: uppercase;
}

.menuOverlay .menuCnt .groupHeadline.my-reports {
  margin-left: 0;
}

.menuOverlay .menuCnt .moreSegments {
  width: 10px;
  height: 10px;
  background: #656565;
  border: 2px solid #151515;
  border-radius: 5px;
}

.menuOverlay .menuCnt .moreSegmentsNote {
  position: absolute;
  bottom: -20px;
  left: 45px;
  color: #9e9e9e;
  font-size: 14px;
}

.menuOverlay .menuCnt .moreSegmentsNote .moreSegments {
  position: absolute;
  left: -15px;
  top: 3px;
}

.menuOverlay .scrollable {
  height: 100%;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.menuOverlay .scrollable::-webkit-scrollbar {
  display: none;
}

.menuOverlay .menu-cnt--vintage {
  padding: 0;
}

.menuOverlay .menu-cnt--vintage .mCSB_container {
  padding: 0 15px;
}

.menuOverlay .accountCnt {
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.menuOverlay .accountCnt .accountList {
  position: absolute;
  height: 100%;
  width: 248px;
  background-color: #333;
}

.menuOverlay .accountCnt .accountList .accountScrollCnt {
  background-color: #0d0d0d;
  padding: 21px 34px 0;
}

.menuOverlay .accountCnt .accountList .accountScrollCnt .groupHeadline {
  width: 100%;
  margin-left: 0;
  display: inline-block;
  text-align: left !important;
}

.menuOverlay .accountCnt .accountList .accountScrollCnt .accountBoxCnt {
  margin-top: 10px;
}

.menuOverlay .accountCnt .accountList .accountScrollCnt .accountBoxCnt .item {
  position: relative;
  height: 60px;
  padding: 11px 0 0;
  cursor: pointer;
}

.menuOverlay .accountCnt .accountList .accountScrollCnt .accountBoxCnt .item:after {
  content: '';
  bottom: -1px;
  right: 24px;
  position: absolute;
  width: calc(100% - 48px);
  height: 1px;
  border-bottom: 1px solid #1e1e1e;
}

.menuOverlay .accountCnt .accountList .accountScrollCnt .accountBoxCnt .item:last-child:after {
  border-bottom: none;
  display: none;
}

.menuOverlay .accountCnt .accountList .accountScrollCnt .accountBoxCnt .item .accountItem {
  z-index: 2;
  position: relative;
}

.menuOverlay .accountCnt .accountList .accountScrollCnt .accountBoxCnt .item .account-domain {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 5px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.menuOverlay .accountCnt .accountList .accountScrollCnt .accountBoxCnt .item .account-id-cnt {
  color: #888;
  font-size: 11px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.menuOverlay .accountCnt .accountList .accountScrollCnt .accountBoxCnt .item:not(.active):hover {
  cursor: pointer;
}

.menuOverlay .accountCnt .accountList .accountScrollCnt .accountBoxCnt .item:not(.active):hover .account-domain {
  color: #F24E1E;
}

.menuOverlay .accountCnt .accountList .accountScrollCnt .accountBoxCnt .item.active {
  cursor: auto;
}

.menuOverlay .accountCnt .accountList .accountScrollCnt .accountBoxCnt .item.active .account-domain {
  color: #F24E1E;
}

.menuOverlay .accountCnt .accountList .accountScrollCnt .accountBoxCnt .item.active .account-id-cnt {
  color: #888;
}

.menuOverlay .accountCnt .accountList .logout {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 64px;
  width: 100%;
  background-color: #0d0d0d;
  z-index: 2;
}

.menuOverlay .accountCnt .accountList .logout .logout-btn {
  display: inline-block;
  line-height: 16px;
  margin: 14px 0 0 20px;
  padding: 10px;
  position: relative;
  cursor: pointer;
}

.menuOverlay .accountCnt .accountList .logout .logout-btn .icon-logout {
  font-size: 16px;
  color: #FFFFFF;
  left: 14px;
  position: absolute;
}

.menuOverlay .accountCnt .accountList .logout .logout-btn div {
  cursor: pointer;
  font-size: 13px;
  color: #888;
  margin-left: 32px;
  line-height: 16px;
}

.menuOverlay .accountCnt .accountList .logout .logout-btn:hover div {
  color: #FFFFFF;
}

.menuOverlay .accountCnt .configCnt {
  height: 100%;
  width: calc(100% - 248px);
  left: 248px;
  padding: 21px 0 0 30px;
  position: absolute;
}

.menuOverlay .accountCnt .configCnt .accordionGroup .groupHeadline {
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 4px;
  -webkit-transition: padding-bottom .4s ease-in;
  -o-transition: padding-bottom .4s ease-in;
  transition: padding-bottom .4s ease-in;
}

.menuOverlay .accountCnt .configCnt .accordionGroup .groupHeadline .icon-wrapper {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  padding-top: 3px;
  padding-left: 5px;
  -webkit-transition: -webkit-transform .4s ease-in;
  transition: -webkit-transform .4s ease-in;
  -o-transition: transform .4s ease-in;
  transition: transform .4s ease-in;
  transition: transform .4s ease-in, -webkit-transform .4s ease-in;
}

.menuOverlay .accountCnt .configCnt .accordionGroup .menuGroupInner {
  padding-bottom: 0;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all .4s ease-in;
  -o-transition: all .4s ease-in;
  transition: all .4s ease-in;
}

.menuOverlay .accountCnt .configCnt .accordionGroup.open .groupHeadline .icon-wrapper {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}

.menuOverlay .accountCnt .configCnt .accordionGroup.open .menuGroupInner {
  overflow: initial;
  opacity: 1;
  -webkit-animation: 0.8s delay-overflow;
          animation: 0.8s delay-overflow;
}

.menuOverlay .accountCnt .configCnt .accordionGroup.open .menuGroupInner.size-1 {
  max-height: 40px;
}

.menuOverlay .accountCnt .configCnt .accordionGroup.open .menuGroupInner.size-2 {
  max-height: 80px;
}

.menuOverlay .accountCnt .configCnt .accordionGroup.open .menuGroupInner.size-3 {
  max-height: 120px;
}

.menuOverlay .accountCnt .configCnt .accordionGroup.open .menuGroupInner.size-4 {
  max-height: 160px;
}

.menuOverlay .accountCnt .configCnt .accordionGroup.open .menuGroupInner.size-5 {
  max-height: 200px;
}

.menuOverlay .accountCnt .configCnt .accordionGroup.open .menuGroupInner.size-6 {
  max-height: 240px;
}

.menuOverlay .accountCnt .configCnt .accordionGroup.open .menuGroupInner.size-7 {
  max-height: 280px;
}

.menuOverlay .accountCnt .configCnt .accordionGroup.open .menuGroupInner.size-8 {
  max-height: 320px;
}

.menuOverlay .accountCnt .configCnt .accordionGroup.open .menuGroupInner.size-9 {
  max-height: 360px;
}

.menuOverlay .accountCnt .configCnt .accordionGroup + .accordionGroup {
  margin-top: 20px;
}

.menuOverlay .accountCnt .configCnt .menuGroup {
  padding-left: 0;
  width: 205px;
  margin-right: 34px;
  height: 100%;
  text-align: unset;
}

.menuOverlay .accountCnt .configCnt .menuGroup .mCustomScrollBox {
  overflow: visible;
}

.menuOverlay .accountCnt .configCnt .menuGroup .mCustomScrollBox .mCSB_container {
  overflow: visible;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 100%;
}

.menuOverlay .accountCnt .configCnt .menuGroup .mCustomScrollBox .mCSB_container .menuGroupInner {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.menuOverlay .accountCnt .configCnt .menuGroup .mCustomScrollBox .mCSB_container .distance {
  -ms-flex-positive: 2;
      flex-grow: 2;
}

.menuOverlay .accountCnt .configCnt .menuGroup .mCSB_dragger {
  margin-left: 17px;
}

.menuOverlay .accountCnt .configCnt .menuGroup .menuGroupInner {
  border-right: none;
}

.menuOverlay .accountCnt .configCnt .menuGroup .menuGroupInner .menuItems:first-child .menuItems__cnt:after {
  display: none;
}

.menuOverlay .accountCnt .configCnt .menuGroup .menuGroupInner .menuItems:first-child .menuItems__cnt:hover:after {
  display: block;
}

.menuOverlay .accountCnt .configCnt .menuGroup.messageGroup {
  height: calc(100% - 18px);
  margin-right: 0;
  width: calc(100% - 240px);
  position: relative;
}

.menuOverlay .accountCnt .configCnt .menuGroup.messageGroup .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  margin: 20px 0;
}

.menuOverlay .accountCnt .configCnt .menuGroup.messageGroup:before {
  content: '';
  position: absolute;
  border-left: 3px solid #282828;
  left: -20px;
  height: 100vh;
  top: -20px;
}

.menuOverlay .accountCnt .configCnt .menuGroup.messageGroup .groupHeadline {
  text-align: center;
}

.menuOverlay .accountCnt .configCnt .menuGroup .menuItems {
  width: 195px;
}

.menuOverlay .accountCnt .configCnt .menuGroup .menuItems__cnt:after {
  content: '';
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  position: absolute;
  background: #282828;
}

.menuOverlay .accountCnt .configCnt .menuGroup .menuItems__cnt:hover:after {
  border-radius: 4px;
  border: 1px #FFFFFF solid;
  position: absolute;
  top: -1px;
  background: none;
  height: 100%;
  left: -14px;
  width: calc(100% + 28px);
}

.menuOverlay .accountCnt .configCnt .menuGroup .menuItems:hover:after {
  width: 208px;
}

.menuOverlay .accountCnt .configCnt .menuGroup .menuItems a {
  width: 100%;
}

.menuOverlay .accountCnt .groupHeadline {
  width: auto;
}

.menuOverlay .menuGroup {
  float: left;
  margin: 0;
  width: 240px;
  position: relative;
  margin-right: 25px;
  margin-bottom: 69px;
  text-align: center;
  white-space: nowrap;
}

.menuOverlay .menuGroup--1,
.menuOverlay .menuGroup.one {
  height: 80px;
}

.menuOverlay .menuGroup--2,
.menuOverlay .menuGroup.two {
  height: 120px;
}

.menuOverlay .menuGroup--3,
.menuOverlay .menuGroup.three {
  height: 160px;
}

.menuOverlay .menuGroup--4,
.menuOverlay .menuGroup.four {
  height: 200px;
}

.menuOverlay .menuGroup--5,
.menuOverlay .menuGroup.five {
  height: 240px;
}

.menuOverlay .menuGroup--6,
.menuOverlay .menuGroup.six {
  height: 280px;
}

.menuOverlay .menuGroup--7,
.menuOverlay .menuGroup.seven {
  height: 320px;
}

.menuOverlay .menuGroup--8,
.menuOverlay .menuGroup.eight {
  height: 360px;
}

.menuOverlay .menuGroup--9,
.menuOverlay .menuGroup.nine {
  height: 400px;
}

.menuOverlay .menuGroup--10,
.menuOverlay .menuGroup.ten {
  height: 440px;
}

.menuOverlay .menuGroup .menuGroupInner {
  padding: 20px 5px 0 0;
  border-right: 2px solid #282828;
  height: 100%;
  width: 100%;
}

.menuOverlay .menuGroup .menuGroupInner:not(:last-child) {
  margin-bottom: 50px;
}

.menuOverlay .menuGroup .menuGroupInner.settings {
  padding: 0 5px 20px 0;
}

.menuOverlay .menuGroup:nth-child(3n) {
  margin-right: 0;
  width: 202px;
}

.menuOverlay .menuGroup:nth-child(3n) .menuGroupInner {
  border-right: none;
  padding-right: 0;
}

.menuOverlay .menuGroup:last-child {
  margin-right: 0;
}

.menuOverlay .menuGroup:last-child .menuGroupInner {
  border-right: none;
}

.menuOverlay .menuGroup .menuItems {
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  color: #FFFFFF;
  text-align: left;
  position: relative;
}

.menuOverlay .menuGroup .menuItems:last-child {
  border-bottom: none;
}

.menuOverlay .menuGroup .menuItems--one-icon .menuItems__cnt {
  width: calc(100% - 40px);
}

.menuOverlay .menuGroup .menuItems--two-icon .menuItems__cnt {
  width: calc(100% - 80px);
}

.menuOverlay .menuGroup .menuItems--tree-icon .menuItems__cnt {
  width: calc(100% - 120px);
}

.menuOverlay .menuGroup .menuItems__config,
.menuOverlay .menuGroup .menuItems__help {
  font-size: 16px;
  color: #656565;
  z-index: 3;
  cursor: pointer;
  position: relative;
  width: 40px;
  height: 100%;
  float: left;
}

.menuOverlay .menuGroup .menuItems__config:hover,
.menuOverlay .menuGroup .menuItems__help:hover {
  color: #FFFFFF;
}

.menuOverlay .menuGroup .menuItems__upgrade {
  float: left;
  width: 100%;
  height: 100%;
  color: #01d8dd;
}

.menuOverlay .menuGroup .menuItems__txt {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
}

.menuOverlay .menuGroup .menuItems__txt--with-beta {
  max-width: calc(100% - 60px);
}

.menuOverlay .menuGroup .menuItems__txt--with-more {
  max-width: calc(100% - 26px);
}

.menuOverlay .menuGroup .menuItems .icon-settingsattention.config:after {
  content: '';
  height: 6px;
  width: 6px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4a5a), to(#f24e1e));
  background-image: -webkit-linear-gradient(top, #ff4a5a, #f24e1e);
  background-image: -o-linear-gradient(top, #ff4a5a, #f24e1e);
  background-image: linear-gradient(to bottom, #ff4a5a, #f24e1e);
  background-color: #f24e1e;
  right: -4px;
  top: 10px;
  position: absolute;
  border-radius: 50%;
}

.menuOverlay .menuGroup .menuItems .withHelp {
  position: relative;
  z-index: 3;
  height: 100%;
}

.menuOverlay .menuGroup .menuItems .withHelp .separator:after {
  content: '';
  height: calc(100% - 20px);
  top: 10px;
  position: absolute;
  right: 0;
  width: 1px;
  background-color: #282828;
}

.menuOverlay .menuGroup .menuItems a {
  color: #FFFFFF;
  display: block;
  height: 100%;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  cursor: pointer;
  position: relative;
  z-index: 2;
}

.menuOverlay .menuGroup .menuItems a:hover {
  text-decoration: none;
}

.menuOverlay .menuGroup .menuItems a .moreSegments {
  position: absolute;
  bottom: 15px;
  margin-left: 5px;
}

.menuOverlay .menuGroup .menuItems.inactive:hover:after {
  border: none;
  height: 0;
  width: 0;
}

.menuOverlay .menuGroup .menuItems.inactive .menuItems__cnt {
  color: #9e9e9e;
  cursor: default;
}

.menuOverlay .menuGroup .menuItems.inactive .menuItems__cnt:hover:after {
  display: none;
}

.menuOverlay .menuGroup .no_settings a {
  width: 100%;
}

.menuOverlay .menuGroup .menuItems.settings {
  height: 40px;
  position: absolute;
  bottom: -90px;
  width: 203px;
  color: #9e9e9e;
  border-bottom: none;
}

.menuOverlay .menuGroup .menuItems__cnt {
  position: relative;
  float: left;
}

.menuOverlay .menuGroup .menuItems__cnt:hover:after {
  height: calc(100% + 1px);
  width: calc(100% + 14px);
  left: -14px;
}

.menuOverlay .menuGroup .menuItems__config:hover:after,
.menuOverlay .menuGroup .menuItems__help:hover:after {
  height: 100%;
  width: 100%;
  left: 0;
}

.menuOverlay .menuGroup .menuItems__cnt,
.menuOverlay .menuGroup .menuItems__config,
.menuOverlay .menuGroup .menuItems__help {
  /* &:after {
                    content: "";
                    top: -1px;
                    left: 0;
                    width: 100%;
                    height: 1px;
                    position: absolute;
                    background: $color-mine-shaft-10;
                }*/
}

.menuOverlay .menuGroup .menuItems__cnt:hover:after,
.menuOverlay .menuGroup .menuItems__config:hover:after,
.menuOverlay .menuGroup .menuItems__help:hover:after {
  content: '';
  border-radius: 4px;
  border: 1px #FFFFFF solid;
  position: absolute;
  top: -1px;
  background: none;
}

.menuOverlay .menuGroup:last-child .groupHeadline,
.menuOverlay .menuGroup:nth-child(3n) .groupHeadline {
  margin-left: 0;
}

.menuOverlay .menuGroup:last-child .menuItems.settings,
.menuOverlay .menuGroup:nth-child(3n) .menuItems.settings {
  /* TP-21404: removed because it makes .settings wider than normal menuItem's which screws up the config-cog's position.
                    //width: 100%; */
}

.menuOverlay .menuGroup:last-child {
  height: 200px;
}

.menuOverlay .myReportsCnt .myReportsHeadline .groupHeadline {
  margin-left: 0;
}

.menuOverlay .settingsGroup {
  margin-bottom: 96px;
}

.menuOverlay .archive,
.menuOverlay .help {
  margin-bottom: 12px;
}

.menuOverlay .archive .archiveHeadline,
.menuOverlay .archive .helpHeadline,
.menuOverlay .help .archiveHeadline,
.menuOverlay .help .helpHeadline {
  font-size: 10px;
  color: #656565;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 11px;
  font-weight: bold;
  display: block;
}

.menuOverlay .archive ul.archiveMenu,
.menuOverlay .archive ul.helpMenu,
.menuOverlay .help ul.archiveMenu,
.menuOverlay .help ul.helpMenu {
  list-style: outside none none;
}

.menuOverlay .archive ul.archiveMenu li,
.menuOverlay .archive ul.helpMenu li,
.menuOverlay .help ul.archiveMenu li,
.menuOverlay .help ul.helpMenu li {
  float: left;
  font-size: 13px;
  margin-right: 75px;
  color: #9e9e9e;
}

.menuOverlay .archive ul.archiveMenu li.inactive,
.menuOverlay .archive ul.helpMenu li.inactive,
.menuOverlay .help ul.archiveMenu li.inactive,
.menuOverlay .help ul.helpMenu li.inactive {
  display: none;
}

.menuOverlay .archive ul.archiveMenu li:last-child,
.menuOverlay .archive ul.helpMenu li:last-child,
.menuOverlay .help ul.archiveMenu li:last-child,
.menuOverlay .help ul.helpMenu li:last-child {
  margin-right: 0;
}

.menuOverlay .archive ul.archiveMenu li a,
.menuOverlay .archive ul.helpMenu li a,
.menuOverlay .help ul.archiveMenu li a,
.menuOverlay .help ul.helpMenu li a {
  color: #9e9e9e;
  cursor: pointer;
}

.menuOverlay .archive ul.archiveMenu li a:hover,
.menuOverlay .archive ul.helpMenu li a:hover,
.menuOverlay .help ul.archiveMenu li a:hover,
.menuOverlay .help ul.helpMenu li a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

.menuOverlay.ng-hide,
.menuOverlay.ng-hide-add {
  line-height: 0;
  opacity: 0;
  padding: 0 10px;
}

.searchResult {
  color: #000;
  font-style: italic;
  padding: 3px 20px;
}

/* --- RESPONSIVE SIDEBAR START --- */

.sidebar-column.folded:not(.collapsible) {
  width: 78px;
}

.sidebar-column.folded:not(.collapsible) .arrow-cnt {
  left: 45px;
}

.sidebar-column.folded:not(.collapsible) .arrow-cnt .arrows-right {
  display: block;
}

.sidebar-column.folded:not(.collapsible) .arrow-cnt .arrows-left {
  display: none;
}

.sidebar-column.folded:not(.collapsible) .sidebar-header .accountBox .account .accountItem {
  visibility: hidden;
}

.sidebar-column.folded:not(.collapsible) .sidebar-header .accountBox .account .menuIcon {
  left: 25px;
}

.sidebar-column.folded:not(.collapsible) .sidebar .package:not(.optimiser-package) .item:hover {
  border-bottom: 1px solid #d4d4d4;
}

.sidebar-column.folded:not(.collapsible) .sidebar .menuIcon {
  left: 25px;
}

.sidebar-column.folded:not(.collapsible) .sidebar .menuIcon + .menuIcon {
  left: 30px;
}

.sidebar-column.folded:not(.collapsible) .sidebar .dashboard .item-inner,
.sidebar-column.folded:not(.collapsible) .sidebar .search .item-inner {
  visibility: hidden;
}

.sidebar-column.folded:not(.collapsible) .sidebar .item {
  padding-right: 0;
  position: unset !important;
}

.sidebar-column.folded:not(.collapsible) .sidebar .item:hover:after {
  display: none;
}

.sidebar-column.folded:not(.collapsible) .sidebar .item .item-inner {
  visibility: hidden;
}

.sidebar-column.folded:not(.collapsible) .sidebar .item .item-inner span {
  visibility: hidden;
}

.sidebar-column.folded:not(.collapsible) .sidebar .module-cnt .package .item:after {
  width: calc(100% - 15px);
}

.sidebar-column.folded:not(.collapsible) .sidebar .module-cnt .sidebar-group.webanalytics-group .package .item {
  padding-left: 0;
}

.sidebar-column.folded:not(.collapsible) .sidebar .module-cnt .sidebar-group.webanalytics-group .package .item:after {
  width: calc(100% - 9px);
  background-color: #d4d4d4;
}

.sidebar-column.folded:not(.collapsible) .sidebar .module-cnt .sidebar-group .sidebar-group-header .item-inner {
  display: none;
}

.sidebar-column.folded:not(.collapsible) .sidebar .module-cnt .sidebar-group .sidebar-group-header .menuIcon {
  left: 14px;
}

.sidebar-column.folded:not(.collapsible) .sidebar .module-cnt .sidebar-group .sidebar-group-header:after {
  width: calc(100% - 9px);
}

.sidebar-column.folded:not(.collapsible) .sidebar .module-cnt .module-header {
  padding: 0 0 0 68px;
}

.sidebar-column.folded:not(.collapsible) .sidebar .module-cnt .module-header .item-inner {
  display: none;
}

.sidebar-column.folded:not(.collapsible) .sidebar-header {
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
}

.sidebar-column.folded:not(.collapsible) .sidebar-header .application-toggle {
  -ms-flex-direction: column;
      flex-direction: column;
}

.sidebar-column.folded:not(.collapsible) .sidebar-header .application-toggle #etracker-logo {
  color: #F24E1E;
  width: 17px;
  height: 25px;
  margin: 7px 0 12px 28px;
  overflow: hidden;
}

.sidebar-column.folded:not(.collapsible) .sidebar-header .application-toggle #etracker-logo etracker-logo {
  display: inline-block;
  width: 120px;
}

.sidebar-column.folded:not(.collapsible) .sidebar-header .application-toggle .toggle-button {
  margin-left: 0;
  border-radius: 4px;
  padding: 8px 8px;
}

.sidebar-column.folded:not(.collapsible) .sidebar-header .application-toggle .toggle-button #app-switcher-icon {
  margin-right: 0;
}

.sidebar-column.folded:not(.collapsible) .menuOverlay.ng-hide-add,
.sidebar-column.folded:not(.collapsible) .menuOverlay.ng-hide-remove {
  -webkit-transition: all 250ms ease-in-out 250ms;
  -o-transition: all 250ms ease-in-out 250ms;
  transition: all 250ms ease-in-out 250ms;
}

.sidebar-column.menuOpen {
  border-right: 3px solid #000;
}

.sidebar-column.menuOpen .arrow-cnt {
  display: none;
}

.menuOverlay.menuOpen {
  left: 248px;
}

:not(.dashboard-sidebar) .folded + .menuOverlay.menuOpen {
  width: calc(100% - 78px);
  left: 78px;
}

.multi-client-cnt {
  height: calc(100% - 252px);
  padding: 12px 34px 0;
}

.multi-client-cnt .groupHeadline {
  margin: 0;
  text-align: left !important;
}

.multi-client-cnt .et-input {
  border-color: #282828;
  background-color: #232323;
  margin: 10px 0;
  width: 100%;
}

.multi-client-cnt .multi-client-cnt__list {
  font-size: 13px;
  list-style-type: none;
}

.multi-client-cnt .multi-client-cnt__list .info-tooltip {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 17px;
  text-align: center;
  color: #656565;
  width: 20px;
  height: 20px;
  padding-top: 3px;
  border-radius: 20px;
  border: 1px solid #656565;
}

.multi-client-cnt .multi-client-cnt__list .info-tooltip:hover {
  background: #F24E1E;
  border-color: transparent;
  color: #000;
}

.multi-client-cnt .multi-client-cnt__list li > div,
.multi-client-cnt .multi-client-cnt__list li > i {
  display: inline-block;
}

.multi-client-cnt .multi-client-cnt__list li > div {
  overflow: hidden;
}

.multi-client-cnt .multi-client-cnt__list .multi-client-cnt__url {
  font-weight: 600;
  line-height: 15px;
  margin-bottom: 5px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.multi-client-cnt .multi-client-cnt__list .multi-client-cnt__name {
  color: #656565;
}

.multi-client-cnt .multi-client-cnt__list li:not(.active):not(.multi-client-cnt__disabled) {
  cursor: pointer;
}

.multi-client-cnt .multi-client-cnt__list li:not(.active):not(.multi-client-cnt__disabled):hover .multi-client-cnt__url {
  color: #F24E1E;
}

.multi-client-cnt .multi-client-cnt__list .active .multi-client-cnt__url {
  color: #F24E1E;
}

.multi-client-cnt .multi-client-cnt__list .multi-client-cnt__disabled {
  cursor: default;
}

.multi-client-cnt .multi-client-cnt__list .multi-client-cnt__disabled .multi-client-cnt__url {
  font-weight: 400;
  color: #656565;
}

.multi-client-cnt .multi-client-cnt__list .multi-client-cnt__disabled:hover .multi-client-cnt__url {
  color: #656565;
}

.multi-client-cnt .multi-client-cnt__list li {
  padding: 10px 20px 10px 0;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.multi-client-cnt .multi-client-cnt__list li i {
  -ms-flex-item-align: center;
      align-self: center;
  font-size: 16px;
  color: #656565;
  margin-right: 10px;
}

.multi-client-cnt .multi-client-cnt__list li:not(:last-child) {
  border-bottom: 1px solid #282828;
}

.multi-client-cnt .multi-client-cnt__list li:last-of-type {
  border-bottom: none;
}

.multi-client-cnt .multi-client-cnt__list .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  right: -26px;
  height: calc(100% - 32px);
  top: 12px;
}

.multi-client-cnt .multi-client-cnt__list .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  margin: 0;
}

/* --- RESPONSIVE SIDEBAR END --- */

@-webkit-keyframes delay-overflow {
  from {
    overflow: hidden;
  }
}

@keyframes delay-overflow {
  from {
    overflow: hidden;
  }
}

.my-reports.menuCnt {
  text-align: center;
  margin-top: 50px;
  width: 800px;
  max-width: 800px;
}

.my-reports.menuCnt .my-reports-cnt__headline {
  margin-bottom: 25px;
}

.my-reports-cnt__own-reports {
  display: -ms-flexbox;
  display: flex;
}

.my-reports-cnt__own-reports .my-reports-cnt__link-wrapper {
  cursor: pointer;
}

.my-reports-cnt__own-reports apollo-button {
  width: 50%;
}

.menuCnt .my-reports-cnt__headline.my-reports-cnt__headline .groupHeadline {
  font-size: 11px;
}

.menuCnt + .my-reports-cnt .my-reports-cnt__headline .groupHeadline {
  font-size: 10px;
}

.menuCnt.my-reports-cnt {
  width: 800px;
  max-width: 800px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 50px;
}

.menuCnt.my-reports-cnt__headline {
  margin-bottom: 25px;
}

.menuCnt.my-reports-cnt__counter {
  text-align: center;
}

.menuCnt.my-reports-cnt .my-reports-group-wrapper {
  width: 50%;
  margin-bottom: 20px;
}

.menuCnt.my-reports-cnt .my-reports-group-wrapper .my-reports-group-header {
  text-align: center;
  color: #F24E1E;
  font-weight: bold;
  font-size: 11px;
}

.menuCnt.my-reports-cnt .my-reports-group-wrapper:first-child .menuItems__wrapper {
  border-right: 2px solid #1e1e1e;
  padding-right: 18px;
}

.menuCnt.my-reports-cnt .my-reports-group-wrapper:nth-child(2) .menuItems__wrapper {
  border-left: 2px solid #1e1e1e;
  margin-left: -2px;
}

.menuCnt.my-reports-cnt .my-reports-group-wrapper .menuItems__wrapper {
  padding: 0 20px;
}

.menuCnt.my-reports-cnt .my-reports-group-wrapper .menuItems {
  border-bottom: none;
  width: 100%;
}

.menuCnt.my-reports-cnt .my-reports-group-wrapper .menuItems:hover:after {
  left: 0;
  width: 100%;
}

.menuCnt.my-reports-cnt .my-reports-group-wrapper .menuItems a {
  display: inline-block;
  width: 100%;
  color: #FFFFFF;
}

.menuCnt.my-reports-cnt .my-reports-group-wrapper .menuItems a:hover {
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
}

.menuCnt.my-reports-cnt .my-reports-group-wrapper .menuItems .infoConfigCnt {
  display: inline-block;
  position: relative;
}

.menuCnt.my-reports-cnt .my-reports-group-wrapper .menuItems .infoConfigCnt > * {
  display: inline-block;
}

.menuCnt.my-reports-cnt .my-reports-group-wrapper .menuItems .infoConfigCnt .icon-trash:hover {
  cursor: pointer;
}

.menuCnt.my-reports-cnt .my-reports-group-wrapper .my-reports-cnt__link-wrapper {
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  height: 25px;
}

.menuCnt.my-reports-cnt .my-reports-group-wrapper .menuItems:not(:last-child) .my-reports-cnt__link-wrapper {
  border-bottom: 1px solid #1e1e1e;
}

/* ToDo: Refactor the following hot fixes.... */

.attributes-row-inner {
  position: relative;
}

.hovered-row {
  position: relative;
  /*&.opened:before {
        display: none;
    }*/
}

.hovered-row.table-row-inner:before {
  right: 2px;
}

.hovered-row.last:before {
  bottom: -2px;
}

.table-scroll-cnt {
  border-right: 1px solid #e1e1e1;
  border-top-right-radius: 5px;
  cursor: -webkit-grab;
  cursor: grab;
}

.table-scroll-cnt.crabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.no-scrollbar .table-scroll-cnt {
  border-bottom: 1px solid #e1e1e1;
  border-bottom-right-radius: 5px;
}

.no-scrollbar .table-scroll-cnt .table-row:last-child {
  border-bottom-right-radius: 5px;
}

.attributes-level-2.ng-enter,
.attributes-level-2.ng-leave,
.attributes-level-3.ng-enter,
.attributes-level-3.ng-leave,
.attributes-level-4.ng-enter,
.attributes-level-4.ng-leave,
.attributes-level-5.ng-enter,
.attributes-level-5.ng-leave,
.attributes-level-6.ng-enter,
.attributes-level-6.ng-leave,
.attributes-level-7.ng-enter,
.attributes-level-7.ng-leave,
.attributes-level-8.ng-enter,
.attributes-level-8.ng-leave,
.table-level-2.ng-enter,
.table-level-2.ng-leave,
.table-level-3.ng-enter,
.table-level-3.ng-leave,
.table-level-4.ng-enter,
.table-level-4.ng-leave,
.table-level-5.ng-enter,
.table-level-5.ng-leave,
.table-level-6.ng-enter,
.table-level-6.ng-leave,
.table-level-7.ng-enter,
.table-level-7.ng-leave,
.table-level-8.ng-enter,
.table-level-8.ng-leave {
  -webkit-transition: all linear 250ms;
  -o-transition: all linear 250ms;
  transition: all linear 250ms;
  overflow: hidden;
}

.attributes-level-2.ng-enter,
.attributes-level-2.ng-leave.ng-leave-active,
.attributes-level-3.ng-enter,
.attributes-level-3.ng-leave.ng-leave-active,
.attributes-level-4.ng-enter,
.attributes-level-4.ng-leave.ng-leave-active,
.attributes-level-5.ng-enter,
.attributes-level-5.ng-leave.ng-leave-active,
.attributes-level-6.ng-enter,
.attributes-level-6.ng-leave.ng-leave-active,
.attributes-level-7.ng-enter,
.attributes-level-7.ng-leave.ng-leave-active,
.attributes-level-8.ng-enter,
.attributes-level-8.ng-leave.ng-leave-active,
.table-level-2.ng-enter,
.table-level-2.ng-leave.ng-leave-active,
.table-level-3.ng-enter,
.table-level-3.ng-leave.ng-leave-active,
.table-level-4.ng-enter,
.table-level-4.ng-leave.ng-leave-active,
.table-level-5.ng-enter,
.table-level-5.ng-leave.ng-leave-active,
.table-level-6.ng-enter,
.table-level-6.ng-leave.ng-leave-active,
.table-level-7.ng-enter,
.table-level-7.ng-leave.ng-leave-active,
.table-level-8.ng-enter,
.table-level-8.ng-leave.ng-leave-active {
  max-height: 0;
}

.attributes-level-2.ng-enter.ng-enter-active,
.attributes-level-2.ng-leave,
.attributes-level-3.ng-enter.ng-enter-active,
.attributes-level-3.ng-leave,
.attributes-level-4.ng-enter.ng-enter-active,
.attributes-level-4.ng-leave,
.attributes-level-5.ng-enter.ng-enter-active,
.attributes-level-5.ng-leave,
.attributes-level-6.ng-enter.ng-enter-active,
.attributes-level-6.ng-leave,
.attributes-level-7.ng-enter.ng-enter-active,
.attributes-level-7.ng-leave,
.attributes-level-8.ng-enter.ng-enter-active,
.attributes-level-8.ng-leave,
.table-level-2.ng-enter.ng-enter-active,
.table-level-2.ng-leave,
.table-level-3.ng-enter.ng-enter-active,
.table-level-3.ng-leave,
.table-level-4.ng-enter.ng-enter-active,
.table-level-4.ng-leave,
.table-level-5.ng-enter.ng-enter-active,
.table-level-5.ng-leave,
.table-level-6.ng-enter.ng-enter-active,
.table-level-6.ng-leave,
.table-level-7.ng-enter.ng-enter-active,
.table-level-7.ng-leave,
.table-level-8.ng-enter.ng-enter-active,
.table-level-8.ng-leave {
  max-height: 300px;
}

.no-clone .table-wrapper {
  -webkit-transition: all linear 2s;
  -o-transition: all linear 2s;
  transition: all linear 2s;
  opacity: 1;
}

.no-clone .table-wrapper.ng-hide:not(.ng-hide-animate) {
  display: block !important;
}

.no-clone .table-wrapper.ng-hide {
  opacity: 0;
}

.no-clone .table-wrapper.ng-hide .table-cnt {
  overflow: hidden;
}

.header-clone {
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding-top: 10px;
  background-color: #FFFFFF;
}

.header-clone .table-wrapper {
  margin-bottom: 0;
}

.header-clone .table-wrapper .shadow {
  height: 10px;
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.05);
}

.header-clone .table-wrapper.no-scrollbar .table-container .shadow {
  bottom: -9px;
}

.header-clone .table-wrapper .table-container .mCSB_scrollTools_horizontal {
  visibility: hidden;
}

.header-clone .attributes-cnt {
  overflow: hidden;
}

.attributes-content .attributes-row .attribute.attribute:not(.row-with-scrollmap-btn) {
  width: calc(100% - 38px);
}

.attributes-content .attributes-row .attribute.attribute.row-with-scrollmap-btn {
  width: calc(100% - 70px);
}

.attributes-content .attributes-row .attribute.attribute.row-with-view-info {
  width: calc(100% - 60px);
}

.table-header .table-group:last-child .table-cell:last-child,
.table-header .table-group:nth-last-child(3) .table-cell:last-child,
.table-row-inner .table-group:last-child .table-cell:last-child {
  margin-right: -5px;
}

.attributes-row-level-header.attributes-row-level-header.attributes-row-level-header.attributes-row-level-header:after {
  top: auto;
  bottom: 0;
  left: 10px;
  width: calc(100% - 10px);
  height: 1px;
}

.attributes-row-level-header.attributes-row-level-header.attributes-row-level-header.attributes-row-level-header .attribute {
  overflow: visible;
}

.attributes-row-level-header.attributes-row-level-header.attributes-row-level-header.attributes-row-level-header .et-arrowLeft {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  padding: 4px;
  font-size: 8px;
}

.attributes-row-level-header .attribute-name,
.attributes-row-level-header .attribute-name > div {
  display: block;
  float: left;
  overflow: hidden;
}

.attributes-row-level-header .attribute-name {
  cursor: pointer;
  width: calc(100% - 105px);
}

.attributes-row-level-header .attribute-name > div {
  font-size: 13px;
  max-width: 100%;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  text-decoration: underline;
}

.attributes-row-level-header .topattributes {
  margin-right: 7px;
  right: 0;
  position: absolute;
}

.attribute {
  white-space: nowrap;
}

.attributes-content .attributes-row .attributes-row-inner .attributes-content-col .round-icon.icon-absolute-graphActive.checked--1 {
  background-color: #FFFFFF;
  color: #979797;
  -webkit-transform: rotate(-70deg);
      -ms-transform: rotate(-70deg);
          transform: rotate(-70deg);
  font-size: 6px;
}

.attributes-content .attributes-row .attributes-row-inner .attributes-content-col .round-icon.icon-absolute-graphActive.checked-1 {
  background-color: #F24E1E;
  color: #FFFFFF;
}

.attributes-content .attributes-row .attributes-row-inner .attributes-content-col .round-icon.icon-absolute-graphActive.checked-2 {
  background-color: #01d8dd;
  color: #FFFFFF;
}

.attributes-content .attributes-row .attributes-row-inner .attributes-content-col .round-icon.icon-absolute-graphActive.checked-3 {
  background-color: #ff56d5;
  color: #FFFFFF;
}

.attributes-content .attributes-row .attributes-row-inner .attributes-content-col .round-icon.icon-absolute-graphActive.checked-4 {
  background-color: #01b2ff;
  color: #FFFFFF;
}

.attributes-content .attributes-row .attributes-row-inner .attributes-content-col .round-icon.icon-absolute-graphActive.checked-5 {
  background-color: #ffeb32;
  color: #FFFFFF;
}

.attributes-content .attributes-row .attributes-row-inner .attributes-content-col .round-icon.icon-absolute-graphActive.checked-6 {
  background-color: #00ffd0;
  color: #FFFFFF;
}

.attributes-content .attributes-row .attributes-row-inner .attributes-content-col .round-icon.icon-absolute-graphActive.checked-7 {
  background-color: #a201ff;
  color: #FFFFFF;
}

.attributes-content .attributes-row .attributes-row-inner .attributes-content-col .round-icon.icon-absolute-graphActive.checked-8 {
  background-color: #0046fe;
  color: #FFFFFF;
}

.attributes-content .attributes-row .attributes-row-inner .attributes-content-col .round-icon.icon-absolute-graphActive.checked-1.flat {
  background-color: #3d3d3d;
}

.left tr:nth-last-child(1) .off,
.left tr:nth-last-child(2) .off,
.right tr:nth-child(1) .off {
  visibility: hidden;
}

/* End of ToDo list*/

.content-column {
  width: calc(100% - 248px);
  left: 248px;
  min-width: 882px;
  height: 100%;
  color: #222222;
  background-color: #FDFDFD;
}

.content-column.overlay .header-clone {
  z-index: 20;
}

.menu-collapsible .sidebar-column {
  margin-left: 0;
  -webkit-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.menu-collapsible.menu-collapsible--collapsed .sidebar-column {
  margin-left: -248px;
  -webkit-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.menu-collapsible .content-column {
  width: 100%;
  left: 0;
}

.overlay > apollo-sidebar > *,
.overlay > apollo-footer > *,
.overlay > div {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -ms-filter: blur(5px);
  -o-filter: blur(5px);
  filter: blur(5px);
}

.content-column .row {
  margin-left: 0;
  margin-right: 0;
}

.content-column .row .data-records {
  white-space: nowrap;
  vertical-align: middle;
  line-height: 40px;
  padding-left: 33px;
  font-size: 13px;
}

.content-column .row .data-records b {
  font-weight: 600;
}

.preload-anchor {
  position: relative;
}

.header {
  margin: 11px 0;
  padding: 11px 20px 11px 25px;
}

.header .title-group {
  font-size: 25px;
}

.header .title-report {
  margin-right: 30px;
  font-size: 25px;
  font-weight: bold;
  line-height: 40px;
  float: left;
}

@media (max-width: 1565px) {
  .header .title-report {
    margin-bottom: 10px;
  }
}

.header .header-btn-cnt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.header .report-view-cnt {
  margin-right: 20px;
  float: left;
  margin-left: 10px;
}

.header .apollo-date-picker {
  margin-right: 20px;
}

.header .user-global-filter {
  padding-top: 20px;
  font-size: 14px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
}

.header .user-global-filter:before {
  content: '';
  background-color: #F24E1E;
  width: 10px;
  height: 10px;
  border-radius: 12px;
  float: left;
  margin: 2px 20px 0 12px;
}

.header .user-global-filter .info-tooltip {
  border: 1px solid #656565;
  border-radius: 100px;
  margin-left: 10px;
  width: 16px;
  padding-left: 3px;
}

.header .user-global-filter .info-tooltip:hover {
  background-color: #F24E1E;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

.top-menu {
  background-color: #232323;
  color: #FFFFFF;
  margin-top: -8px !important;
  padding: 12px 0;
  position: relative;
}

.top-menu.top-menu.dropdown-menu.dropdown-menu {
  padding: 0 !important;
  margin-bottom: -8px !important;
}

.top-menu .top-menu-item {
  position: relative;
  margin: 0 24px;
  height: 47px;
  line-height: 45px;
  border-bottom: 1px solid #1e1e1e;
}

.top-menu .top-menu-item label {
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  height: 100%;
}

.top-menu .top-menu-item:last-child {
  border-bottom: none;
}

.top-menu .top-menu-item .top-amount {
  display: inline-block;
  overflow: hidden;
}

.top-menu .top-menu-item .top-attribute {
  display: inline-block;
  font-weight: 400;
  margin-left: 7px;
  margin-right: 25px;
  max-width: 100px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.daterangepicker .calendar .daterangepicker_input {
  display: none;
}

table.statistic {
  table-layout: fixed;
}

table.statistic .topattributes > button {
  color: #232323;
  background-color: #FFFFFF;
  border-color: #e1e1e1;
  font-size: 12px;
  font-weight: 600;
  outline: none !important;
  padding: 6px 8px 6px 15px;
  border-radius: 15px;
}

table.statistic .topattributes > button:hover .et-icon {
  color: #f24e1e;
}

table.statistic .topattributes > button:active {
  color: #FFFFFF;
  background-color: #232323;
}

table.statistic .topattributes > button .et-icon {
  color: #e1e1e1;
  border-color: #e1e1e1;
  background-color: #FFFFFF;
  padding: 6px 1px 2px 2px;
  font-size: 5px;
  font-weight: normal;
}

/* FILTER/CONTROL START */

.filter-cnt {
  margin: 56px 0 27px 10px;
  position: relative;
}

.filter-cnt .filter-menu {
  position: absolute;
  top: -30px;
  left: 12px;
  font-size: 12px;
  color: #656565;
}

.filter-cnt .filter-menu .item {
  text-decoration: underline;
  float: left;
  margin-right: 45px;
}

.filter-cnt .filter-menu .item.active {
  font-weight: bold;
  color: #232323;
  text-decoration: none;
  position: relative;
}

.filter-cnt .filter-menu .item.active:after {
  content: "";
  bottom: -19px;
  left: 50%;
  margin-left: -1px;
  background-color: #d4d4d4;
  height: 14px;
  width: 1px;
  position: absolute;
}

.filter-cnt .filter-menu .item:not(.active):not(.disabled) {
  cursor: pointer;
}

.filter-cnt .filter-menu .item.disabled {
  text-decoration: none;
  color: #9e9e9e;
}

.filter-cnt .filter-menu .filter-notice {
  float: left;
  position: relative;
}

.filter-cnt .filter-menu .filter-notice:before {
  position: absolute;
  left: -16px;
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  border-radius: 1em;
  background-color: #F24E1E;
}

.filter-cnt .control-cnt {
  padding: 9px 12px 0;
  width: calc(100% - 12px);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #d4d4d4;
  position: relative;
  background: #d4d4d4;
  /* Old browsers */
  /* FF3.6-15 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d4d4d4), color-stop(100%, white));
  /* Chrome4-9,Safari4-5 */
  background: -webkit-linear-gradient(top, #d4d4d4 0%, white 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(top, #d4d4d4 0%, white 100%);
  /* Opera 11.10-11.50 */
  /* IE10 preview */
  background: -webkit-gradient(linear, left top, left bottom, from(#d4d4d4), to(white));
  background: linear-gradient(to bottom, #d4d4d4 0%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.filter-cnt .control-cnt:before {
  background-color: #FFFFFF;
  border-radius: 5px;
  content: "";
  height: 80px;
  left: 1px;
  position: absolute;
  top: 1px;
  display: block;
  width: calc(100% - 2px);
}

.filter-cnt .control-cnt.is-segmentation {
  height: 100px;
}

.filter-cnt .control-cnt .dimensions-cnt {
  float: left;
  margin-right: 23px;
  position: relative;
  width: 37%;
}

.filter-cnt .control-cnt .dimensions-cnt .dimensions-inner-cnt {
  position: relative;
  width: 100%;
}

.filter-cnt .control-cnt .dimensions-cnt .dimensions-inner-cnt.dimensions-inner-cnt--separator:after {
  display: block;
  position: absolute;
  width: 19px;
  height: 2px;
  background-color: #c6c6c6;
  right: -21px;
  top: 50%;
  margin-top: -1px;
  content: '';
}

.filter-cnt .control-cnt .dimensions-cnt .dimensions-inner-cnt .dimension {
  width: 100%;
}

.filter-cnt .control-cnt .segments-cnt {
  float: left;
  position: relative;
  width: calc(63% - 23px);
}

.filter-cnt .control-cnt .segments-cnt .as-sortable-placeholder {
  position: absolute;
  margin-right: 8px;
}

.filter-cnt .control-cnt .segments-cnt .new-dimension-wrapper.as-sortable-dragging,
.filter-cnt .control-cnt .segments-cnt .segment-wrapper.as-sortable-dragging {
  position: absolute;
}

.filter-cnt .control-cnt .segments-cnt .new-dimension-wrapper.as-sortable-dragging .new-dimension,
.filter-cnt .control-cnt .segments-cnt .new-dimension-wrapper.as-sortable-dragging .segment,
.filter-cnt .control-cnt .segments-cnt .segment-wrapper.as-sortable-dragging .new-dimension,
.filter-cnt .control-cnt .segments-cnt .segment-wrapper.as-sortable-dragging .segment {
  left: 0 !important;
  width: 100% !important;
}

.filter-cnt .control-cnt .control-headline {
  font-size: 11px;
  letter-spacing: 0.5px;
  color: #9e9e9e;
  font-weight: normal;
  margin-bottom: 11px;
}

.filter-cnt .control-cnt .segment-inner-cnt {
  width: 100%;
}

.filter-cnt .control-cnt .attribution-model-selection {
  position: absolute;
  right: 5px;
  top: -53px;
}

.filter-cnt .control-cnt .attribution-model-selection .header {
  color: #9e9e9e;
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  margin-right: 20px;
  vertical-align: middle;
}

.filter-cnt .control-cnt .attribution-model-selection .dropdown-element {
  padding-top: 12px;
  min-width: 100px;
}

.filter-cnt .control-cnt .attribution-model-selection .disabled {
  color: #9e9e9e;
}

.filter-cnt .control-cnt .attribution-model-selection .disabled:hover {
  cursor: default;
}

.filter-cnt .control-cnt .attribution-model-selection .disabled:hover .icon {
  color: #e1e1e1;
}

.filter-cnt .control-cnt .attribution-model-selection .dropdown-dark {
  position: absolute;
  font-size: 12px;
  min-width: 120px;
  left: -14px;
}

.filter-cnt .control-cnt .attribution-model-selection .dropdown-dark.top-menu:before {
  top: -4px;
}

.filter-cnt .control-cnt .attribution-model-selection .dropdown-dark .dropdown-dark--active > a {
  color: #656565;
  /* &:before {
                            content: '\63';
                            float: right;
                            font-family: 'etracker';
                        } */
}

.filter-cnt .control-cnt .attribution-model-selection .dropdown-dark .dropdown-dark--active > a:hover,
.filter-cnt .control-cnt .attribution-model-selection .dropdown-dark .dropdown-dark--active:hover {
  cursor: default;
  background-color: #232323;
}

.filter-cnt .control-cnt .attribution-model-selection .dropdown-dark > * {
  padding: 0 20px;
}

.filter-cnt .control-cnt .attribution-model-selection .dropdown-dark > *:not(:first-child):not(:last-child) a {
  padding: 12px 0;
}

.filter-cnt .control-cnt .attribution-model-selection .dropdown-dark > * a {
  padding-left: 0;
  padding-right: 0;
}

.filter-cnt .control-cnt .attribution-model-selection .dropdown-dark > *:hover:not(.dropdown-dark--active) {
  background-color: #1e1e1e;
  /* > a:before {
                            content: '\63';
                            color: $color-etracker-orange-default;
                            float: right;
                            font-family: 'etracker';
                        } */
}

.filter-cnt .control-cnt .attribution-model-selection .dropdown-dark > *:not(.column-header):not(.no-separator):not(:first-child) > a {
  border-top: 1px solid #1e1e1e;
}

/* FILTER/CONTROL END */

/* --- NEW TABLE START ---*/

.table-wrapper {
  width: calc(100% - 10px);
  margin: 0 0 15px 10px;
  position: relative;
}

.table-wrapper.attribute-column-wide .attributes-cnt.attribute-column-wide-0,
.table-wrapper.attribute-column-wide .attributes-cnt.attribute-column-wide-1,
.table-wrapper.attribute-column-wide .attributes-cnt.attribute-column-wide-2 {
  width: 695px;
  -webkit-transition: width 400ms;
  -o-transition: width 400ms;
  transition: width 400ms;
}

.table-wrapper.attribute-column-wide .table-container {
  width: calc(100% - 705px);
  -webkit-transition: width 400ms;
  -o-transition: width 400ms;
  transition: width 400ms;
}

.table-wrapper.attribute-column-wide .table-container.flat.attr-cnt-2 {
  width: calc( 100% - 966px);
}

.table-wrapper.attribute-column-wide .table-container.flat.attr-cnt-3 {
  width: calc( 100% - 1227px);
}

.attributes-cnt {
  width: 261px;
  height: 100%;
  -webkit-transition: width 400ms;
  -o-transition: width 400ms;
  transition: width 400ms;
}

.selection-cnt {
  width: 30px;
}

.table-container {
  width: calc(100% - 271px);
  -webkit-transition: width 400ms;
  -o-transition: width 400ms;
  transition: width 400ms;
}

.table-container.flat.attr-cnt-2 {
  width: calc(100% - 793px);
}

.table-container.flat.attr-cnt-3 {
  width: calc(100% - 793px);
}

.table-cnt {
  overflow: auto;
}

.table-scroll-cnt {
  width: auto;
  white-space: nowrap;
  display: inline-block;
}

.table-header {
  width: 100%;
  height: 75px;
}

/* PRELOADER START */

.preloader {
  background-color: rgba(30, 30, 30, 0.8);
  border-bottom: 3px solid #1e1e1e;
  height: calc(100% - 67px);
  left: 0;
  position: absolute;
  top: 67px;
  width: 100%;
  z-index: 5;
}

/* PRELOADER END */

/* ATTRIBUTES HEADER START */

.m-hover .attributes-header-cnt:after {
  top: -5px;
  border-left: 2px solid #232323;
  border-bottom: 2px solid #232323;
}

@-webkit-keyframes change_scale {
  0% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
}

@keyframes change_scale {
  0% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
}

.attributes-header-cnt {
  width: 100%;
  height: 75px;
  background-color: #ebebeb;
  border: 1px #e1e1e1 solid;
  border-bottom: none;
  border-top-left-radius: 5px;
  position: relative;
}

.attributes-header-cnt:after {
  position: absolute;
  border-left: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  content: "";
  height: 12px;
  position: absolute;
  top: -7px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 12px;
  background-color: #FFFFFF;
  left: 50%;
  margin-left: -6px;
  z-index: 20;
}

.attributes-header-cnt.noBorder {
  border-top-left-radius: 0;
}

.attributes-header-cnt .resize {
  position: absolute;
  height: 20px;
  width: 20px;
  top: 10px;
  left: 10px;
  line-height: 20px;
  text-align: center;
  font-size: 16px;
  color: #979797;
  cursor: pointer;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-name: change_scale;
          animation-name: change_scale;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  z-index: 23;
}

.attributes-header-cnt .resize:hover {
  color: #f24e1e;
}

.attributes-header-cnt .attributes-header {
  font-size: 12px;
  font-weight: 400;
  color: #656565;
  position: absolute;
  top: 0;
  padding-top: 31px;
  left: 0;
  padding-left: 38px;
  bottom: 0;
  right: 0;
}

.attributes-header-cols {
  height: 100%;
  padding: 6px 0;
  margin-right: 4px;
}

.attributes-header-col {
  width: 28px;
  border-left: 1px #e1e1e1 solid;
  height: 100%;
}

.attributes-header-col span {
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -ms-transform-origin: 48% 112%;
  -webkit-transform-origin: 48% 112%;
  transform-origin: 48% 112%;
  width: 67px;
  height: 28px;
  font-size: 9px;
  padding: 6px;
  line-height: 8px;
  display: block;
  color: #979797;
}

/* ATTRIBUTES HEADER END */

/* ATTRIBUTES CONTENT START */

.no-scrollbar .attributes-content {
  border-bottom-left-radius: 5px;
  border-bottom: 1px #e1e1e1 solid;
}

.no-scrollbar .attributes-content .attributes-row:last-child {
  border-bottom-left-radius: 5px;
}

.attributes-content {
  position: relative;
  width: 100%;
  border-left: 1px #e1e1e1 solid;
  border-top: none;
}

.attributes-content .attributes-row:nth-child(odd) {
  background-color: #ebebeb;
}

.attributes-content .attributes-row:nth-child(even) {
  background-color: #f5f5f5;
}

.attributes-content .attributes-row {
  /*.attributes-level-2:before,
        .attributes-level-3:before,
        .attributes-level-4:before,
        .attributes-level-5:before,
        .attributes-level-6:before,
        .attributes-level-7:before,
        .attributes-level-8:before {
            position: absolute;
            top: -7px;
            //    left: 60px;
            height: 12px;
            width: 12px;
            content: '';
            transform: rotate(-45deg);
            border-top: 2px solid;
            border-right: 2px solid;
        }*/
}

.attributes-content .attributes-row .attributes-row-inner {
  border-right: 1px solid #e1e1e1;
  height: 49px;
  line-height: 49px;
  padding: 0 0 0 38px;
}

.attributes-content .attributes-row .attributes-row-inner .tooltip-area {
  top: 12px;
}

.attributes-content .attributes-row .closed,
.attributes-content .attributes-row .opened {
  cursor: pointer;
}

.attributes-content .attributes-row .attributes-level-2:after,
.attributes-content .attributes-row .attributes-level-3:after,
.attributes-content .attributes-row .attributes-level-4:after,
.attributes-content .attributes-row .attributes-level-5:after,
.attributes-content .attributes-row .attributes-level-6:after,
.attributes-content .attributes-row .attributes-level-7:after,
.attributes-content .attributes-row .attributes-level-8:after {
  position: absolute;
  left: 0;
  content: '';
  border-top: 2px solid;
  top: -2px;
  height: calc(100% + 4px);
  border-bottom: 2px solid;
}

.attributes-content .attributes-row .attributes-level-2:after {
  border: none;
  top: 0;
  height: 100%;
}

.attributes-content .attributes-row .attribute {
  font-size: 13px;
  font-weight: 600;
  /*overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;*/
  width: calc(100% - 88px);
  height: 100%;
}

.attributes-content .attributes-level-2 .attributes-row:last-child > .attributes-level-3:last-child:after {
  height: calc(100% + 2px);
  border-bottom: none !important;
}

.attributes-content .attributes-level-2 .attributes-row:last-child > .attributes-level-3 .attributes-row:last-child > .attributes-level-4:last-child:after {
  height: calc(100% + 2px);
  border-bottom: none !important;
}

.attributes-content .attributes-level-2 .attributes-row:last-child > .attributes-level-3 .attributes-row:last-child > .attributes-level-4 .attributes-row:last-child > .attributes-level-5:last-child:after {
  height: calc(100% + 2px);
  border-bottom: none !important;
}

.attributes-content .attributes-level-2 .attributes-row:last-child > .attributes-level-3 .attributes-row:last-child > .attributes-level-4 .attributes-row .attributes-row:last-child > .attributes-level-6:last-child:after {
  height: calc(100% + 2px);
  border-bottom: none !important;
}

.attributes-content .attributes-level-2 .attributes-row:last-child > .attributes-level-3 .attributes-row:last-child > .attributes-level-4 .attributes-row .attributes-row .attributes-row:last-child > .attributes-level-7:last-child:after {
  height: calc(100% + 2px);
  border-bottom: none !important;
}

.attributes-content .attributes-level-2 .attributes-row:last-child > .attributes-level-3 .attributes-row:last-child > .attributes-level-4 .attributes-row .attributes-row .attributes-row .attributes-row:last-child > .attributes-level-8:last-child:after {
  height: calc(100% + 2px);
  border-bottom: none !important;
}

.attributes-content .attributes-content-cols {
  height: 100%;
  margin-right: 4px;
}

.attributes-content .attributes-content-cols .scrollmap-btn,
.attributes-content .attributes-content-cols .view-info-btn {
  position: absolute;
  right: 4px;
}

.attributes-content .attributes-content-cols .scrollmap-btn--icon,
.attributes-content .attributes-content-cols .view-info-btn--icon {
  font-size: 14px;
}

.attributes-content .attributes-content-cols .scrollmap-btn--icon:hover,
.attributes-content .attributes-content-cols .view-info-btn--icon:hover {
  color: #F24E1E !important;
}

.attributes-content .row-with-scrollmap-btn + .attributes-content-cols .scrollmap-btn {
  right: 33px;
}

.attributes-content .attributes-content-col {
  height: 100%;
  width: 28px;
  line-height: 50px;
  text-align: center;
}

.attributes-content .attributes-content-col .round-icon {
  margin-top: 12px;
}

/* ATTRIBUTES CONTENT END */

/* TABLE CONTENT START */

.table-content {
  width: calc(100% - 2px);
}

.table-row {
  position: relative;
  /* LEVEL 2 and 3 END */
}

.table-level-1 > .table-row {
  width: calc(100% + 2px);
}

.table-row:nth-child(odd) {
  background-color: #FFFFFF;
}

.table-row:nth-child(even) {
  background-color: #f5f5f5;
}

.table-group {
  height: 100%;
  padding: 0;
  border-right: 5px #FFFFFF solid;
  display: inline-block;
  vertical-align: top;
  float: initial;
}

.table-group .table-cell:last-child {
  margin-right: 0;
}

.table-group:last-child {
  border-right: none;
}

.table-cell {
  width: 120px;
  display: inline-block;
  height: 100%;
  text-align: center;
  line-height: 49px;
  height: 49px;
  font-size: 13px;
  position: relative;
  font-weight: 600;
}

.table-cell * {
  vertical-align: top;
}

.table-cell .cell-top-border {
  position: absolute;
  height: 10px;
  width: calc(100% + 2px);
  top: 0;
  left: -1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  z-index: 2;
}

.table-cell .table-cell-inner.two-lines {
  -webkit-transform: translate(0, -5px);
      -ms-transform: translate(0, -5px);
          transform: translate(0, -5px);
}

/* TABLE CONTENT END */

/* TABLE HEADER START */

.table-header .group-title {
  width: calc(100% + 1px);
  height: 25px;
  border-right: 1px #e1e1e1 solid;
  border-left: 1px #e1e1e1 solid;
  border-top: 1px #e1e1e1 solid;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  text-align: center;
  padding: 0 15px;
  line-height: 25px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  margin-right: 2px;
  margin-left: -3px;
  color: #979797;
  position: relative;
  cursor: pointer;
  letter-spacing: 0.4px;
}

.table-header .group-title > span {
  left: 8px;
  overflow: hidden;
  position: absolute;
  width: calc(100% - 32px);
}

.table-header .table-group {
  padding: 0;
  border-right: none;
}

.table-header .table-group * {
  vertical-align: top;
}

.table-header .table-group:last-child .group-title,
.table-header .table-group:nth-last-child(3) .group-title {
  width: calc(100% + 4px);
}

.table-header .table-group:first-child .group-title {
  border-left: none #e1e1e1 solid;
  border-top-left-radius: 0;
}

.table-header .table-header-cell-cnt {
  display: -ms-flexbox;
  display: flex;
  margin-right: 5px;
  cursor: pointer;
}

.table-header .table-header-cell-cnt .table-cell {
  font-size: 12px;
  font-weight: 400;
  color: #656565;
  line-height: 1;
  height: 50px;
  padding: 6px 5px 0;
  text-decoration: underline;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
  -ms-flex-pack: center;
      justify-content: center;
}

.table-header .table-header-cell-cnt .table-cell .keyfigure_header {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: normal;
  width: 100%;
  height: 28px;
  line-height: 14px;
}

.table-header .table-header-cell-cnt .table-cell .sort {
  position: relative;
}

.selection-hint {
  font-size: 18px;
  line-height: 120px;
  color: #888;
  width: 760px;
  text-align: center;
}

.choose-keyfigure {
  height: 100%;
  width: 500px;
  color: #FFFFFF;
  background-color: #1e1e1e;
  cursor: pointer;
  padding-top: 10px;
  text-align: center;
  font-size: 12px;
  line-height: 60px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.choose-keyfigure span + i {
  margin-left: 45px;
  color: #888;
}

.options {
  height: 25px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #1e1e1e;
  position: absolute;
  top: -10000px;
  left: -10000px;
  cursor: pointer;
  width: 100%;
}

.options span {
  position: absolute;
}

.options .icon {
  font-size: 14px;
  right: 8px;
  color: #888;
  top: 6px;
}

.options .text {
  font-size: 12px;
  color: #FFFFFF;
  top: 6px;
}

.optionsShort .text {
  left: calc(50% - 35px);
}

.optionsLong .text {
  left: calc(50% - 158px);
}

/* TABLE HEADER END */

/* TABLE AND ATTRIBUTES BORDERS START */

.attributes-content .attributes-row,
.attributes-content .table-row,
.table-content .attributes-row,
.table-content .table-row {
  position: relative;
}

.attributes-content .attributes-row.hovered-row:after,
.attributes-content .table-row.hovered-row:after,
.table-content .attributes-row.hovered-row:after,
.table-content .table-row.hovered-row:after {
  content: "";
  width: calc(100% - 9px);
  border-top: 2px solid #232323;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 10px;
  z-index: 50;
}

.attributes-content .attributes-row.hovered-row > .attributes-row-inner,
.attributes-content .attributes-row.hovered-row > .table-row-inner,
.attributes-content .table-row.hovered-row > .attributes-row-inner,
.attributes-content .table-row.hovered-row > .table-row-inner,
.table-content .attributes-row.hovered-row > .attributes-row-inner,
.table-content .attributes-row.hovered-row > .table-row-inner,
.table-content .table-row.hovered-row > .attributes-row-inner,
.table-content .table-row.hovered-row > .table-row-inner {
  position: relative;
}

.attributes-content .attributes-row.hovered-row > .attributes-row-inner:before,
.attributes-content .attributes-row.hovered-row > .table-row-inner:before,
.attributes-content .table-row.hovered-row > .attributes-row-inner:before,
.attributes-content .table-row.hovered-row > .table-row-inner:before,
.table-content .attributes-row.hovered-row > .attributes-row-inner:before,
.table-content .attributes-row.hovered-row > .table-row-inner:before,
.table-content .table-row.hovered-row > .attributes-row-inner:before,
.table-content .table-row.hovered-row > .table-row-inner:before {
  content: "";
  width: calc(100% - 9px);
  border-top: 2px solid #232323;
  height: 0;
  position: absolute;
  top: 0;
  left: 10px;
  z-index: 50;
}

.attributes-content .attributes-row.hovered-row.flat:after,
.attributes-content .table-row.hovered-row.flat:after,
.table-content .attributes-row.hovered-row.flat:after,
.table-content .table-row.hovered-row.flat:after {
  width: calc(100% + 1px);
  left: 0;
}

.attributes-content .attributes-row,
.table-content .attributes-row {
  display: block;
  position: relative;
}

.attributes-content .attributes-row.hovered-row:before,
.table-content .attributes-row.hovered-row:before {
  content: "";
  width: 10px;
  border: 2px solid #232323;
  border-right: none;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 500;
}

.attributes-content .attributes-row.hovered-row > .attributes-row-inner .hover-fix:after,
.table-content .attributes-row.hovered-row > .attributes-row-inner .hover-fix:after {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 10px;
  z-index: 500;
}

.attributes-content .attributes-row.hovered-row > .attributes-row-inner .hover-fix:before,
.table-content .attributes-row.hovered-row > .attributes-row-inner .hover-fix:before {
  bottom: 0;
  content: "";
  height: 2px;
  position: absolute;
  width: calc(100% - 9px);
  left: 10px;
  z-index: 505;
}

.attributes-content .attributes-row.hovered-row.notFirstAttribute:before,
.table-content .attributes-row.hovered-row.notFirstAttribute:before {
  border: none;
}

.attributes-content .attributes-row.hovered-row.notFirstAttribute > .attributes-row-inner:before,
.attributes-content .attributes-row.hovered-row.notFirstAttribute > .table-row-inner:before,
.table-content .attributes-row.hovered-row.notFirstAttribute > .attributes-row-inner:before,
.table-content .attributes-row.hovered-row.notFirstAttribute > .table-row-inner:before {
  width: calc(100% + 2px);
  left: -1px;
}

.attributes-content .table-row,
.table-content .table-row {
  position: relative;
}

.attributes-content .table-row.hovered-row:after,
.table-content .table-row.hovered-row:after {
  left: 0;
  width: calc(100% - 10px);
}

.attributes-content .table-row.hovered-row:before,
.table-content .table-row.hovered-row:before {
  content: "";
  width: 10px;
  border: 2px solid #232323;
  border-left: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 50;
}

.attributes-content .table-row.hovered-row > .table-row-inner,
.table-content .table-row.hovered-row > .table-row-inner {
  position: relative;
}

.attributes-content .table-row.hovered-row > .table-row-inner:before,
.table-content .table-row.hovered-row > .table-row-inner:before {
  left: 0;
  width: calc(100% - 10px);
}

.attributes-content .table-row .table-level-2 .table-row.hovered-row:before,
.table-content .table-row .table-level-2 .table-row.hovered-row:before {
  right: -2px !important;
  width: 12px;
}

.attributes-row .attributes-level-2,
.attributes-row .attributes-level-3,
.attributes-row .attributes-level-4,
.attributes-row .attributes-level-5,
.attributes-row .attributes-level-6,
.attributes-row .attributes-level-7,
.attributes-row .attributes-level-8,
.attributes-row .table-level-2,
.attributes-row .table-level-3,
.attributes-row .table-level-4,
.attributes-row .table-level-5,
.attributes-row .table-level-6,
.attributes-row .table-level-7,
.attributes-row .table-level-8,
.table-row .attributes-level-2,
.table-row .attributes-level-3,
.table-row .attributes-level-4,
.table-row .attributes-level-5,
.table-row .attributes-level-6,
.table-row .attributes-level-7,
.table-row .attributes-level-8,
.table-row .table-level-2,
.table-row .table-level-3,
.table-row .table-level-4,
.table-row .table-level-5,
.table-row .table-level-6,
.table-row .table-level-7,
.table-row .table-level-8 {
  border-top: 2px solid;
  border-bottom: 2px solid;
  position: relative;
}

.attributes-row .attributes-level-2 .attributes-row:nth-child(even),
.attributes-row .attributes-level-2 .attributes-row:nth-child(odd),
.attributes-row .attributes-level-3 .attributes-row:nth-child(even),
.attributes-row .attributes-level-3 .attributes-row:nth-child(odd),
.attributes-row .attributes-level-4 .attributes-row:nth-child(even),
.attributes-row .attributes-level-4 .attributes-row:nth-child(odd),
.attributes-row .attributes-level-5 .attributes-row:nth-child(even),
.attributes-row .attributes-level-5 .attributes-row:nth-child(odd),
.attributes-row .attributes-level-6 .attributes-row:nth-child(even),
.attributes-row .attributes-level-6 .attributes-row:nth-child(odd),
.attributes-row .attributes-level-7 .attributes-row:nth-child(even),
.attributes-row .attributes-level-7 .attributes-row:nth-child(odd),
.attributes-row .attributes-level-8 .attributes-row:nth-child(even),
.attributes-row .attributes-level-8 .attributes-row:nth-child(odd),
.attributes-row .table-level-2 .attributes-row:nth-child(even),
.attributes-row .table-level-2 .attributes-row:nth-child(odd),
.attributes-row .table-level-3 .attributes-row:nth-child(even),
.attributes-row .table-level-3 .attributes-row:nth-child(odd),
.attributes-row .table-level-4 .attributes-row:nth-child(even),
.attributes-row .table-level-4 .attributes-row:nth-child(odd),
.attributes-row .table-level-5 .attributes-row:nth-child(even),
.attributes-row .table-level-5 .attributes-row:nth-child(odd),
.attributes-row .table-level-6 .attributes-row:nth-child(even),
.attributes-row .table-level-6 .attributes-row:nth-child(odd),
.attributes-row .table-level-7 .attributes-row:nth-child(even),
.attributes-row .table-level-7 .attributes-row:nth-child(odd),
.attributes-row .table-level-8 .attributes-row:nth-child(even),
.attributes-row .table-level-8 .attributes-row:nth-child(odd),
.table-row .attributes-level-2 .attributes-row:nth-child(even),
.table-row .attributes-level-2 .attributes-row:nth-child(odd),
.table-row .attributes-level-3 .attributes-row:nth-child(even),
.table-row .attributes-level-3 .attributes-row:nth-child(odd),
.table-row .attributes-level-4 .attributes-row:nth-child(even),
.table-row .attributes-level-4 .attributes-row:nth-child(odd),
.table-row .attributes-level-5 .attributes-row:nth-child(even),
.table-row .attributes-level-5 .attributes-row:nth-child(odd),
.table-row .attributes-level-6 .attributes-row:nth-child(even),
.table-row .attributes-level-6 .attributes-row:nth-child(odd),
.table-row .attributes-level-7 .attributes-row:nth-child(even),
.table-row .attributes-level-7 .attributes-row:nth-child(odd),
.table-row .attributes-level-8 .attributes-row:nth-child(even),
.table-row .attributes-level-8 .attributes-row:nth-child(odd),
.table-row .table-level-2 .attributes-row:nth-child(even),
.table-row .table-level-2 .attributes-row:nth-child(odd),
.table-row .table-level-3 .attributes-row:nth-child(even),
.table-row .table-level-3 .attributes-row:nth-child(odd),
.table-row .table-level-4 .attributes-row:nth-child(even),
.table-row .table-level-4 .attributes-row:nth-child(odd),
.table-row .table-level-5 .attributes-row:nth-child(even),
.table-row .table-level-5 .attributes-row:nth-child(odd),
.table-row .table-level-6 .attributes-row:nth-child(even),
.table-row .table-level-6 .attributes-row:nth-child(odd),
.table-row .table-level-7 .attributes-row:nth-child(even),
.table-row .table-level-7 .attributes-row:nth-child(odd),
.table-row .table-level-8 .attributes-row:nth-child(even),
.table-row .table-level-8 .attributes-row:nth-child(odd) {
  background-color: transparent;
}

.attributes-row .attributes-level-2 .attributes-row-inner,
.attributes-row .attributes-level-3 .attributes-row-inner,
.attributes-row .attributes-level-4 .attributes-row-inner,
.attributes-row .attributes-level-5 .attributes-row-inner,
.attributes-row .attributes-level-6 .attributes-row-inner,
.attributes-row .attributes-level-7 .attributes-row-inner,
.attributes-row .attributes-level-8 .attributes-row-inner,
.attributes-row .table-level-2 .attributes-row-inner,
.attributes-row .table-level-3 .attributes-row-inner,
.attributes-row .table-level-4 .attributes-row-inner,
.attributes-row .table-level-5 .attributes-row-inner,
.attributes-row .table-level-6 .attributes-row-inner,
.attributes-row .table-level-7 .attributes-row-inner,
.attributes-row .table-level-8 .attributes-row-inner,
.table-row .attributes-level-2 .attributes-row-inner,
.table-row .attributes-level-3 .attributes-row-inner,
.table-row .attributes-level-4 .attributes-row-inner,
.table-row .attributes-level-5 .attributes-row-inner,
.table-row .attributes-level-6 .attributes-row-inner,
.table-row .attributes-level-7 .attributes-row-inner,
.table-row .attributes-level-8 .attributes-row-inner,
.table-row .table-level-2 .attributes-row-inner,
.table-row .table-level-3 .attributes-row-inner,
.table-row .table-level-4 .attributes-row-inner,
.table-row .table-level-5 .attributes-row-inner,
.table-row .table-level-6 .attributes-row-inner,
.table-row .table-level-7 .attributes-row-inner,
.table-row .table-level-8 .attributes-row-inner {
  position: relative;
}

.attributes-row .attributes-level-2 .attributes-row-inner.hovered-row:before,
.attributes-row .attributes-level-3 .attributes-row-inner.hovered-row:before,
.attributes-row .attributes-level-4 .attributes-row-inner.hovered-row:before,
.attributes-row .attributes-level-5 .attributes-row-inner.hovered-row:before,
.attributes-row .attributes-level-6 .attributes-row-inner.hovered-row:before,
.attributes-row .attributes-level-7 .attributes-row-inner.hovered-row:before,
.attributes-row .attributes-level-8 .attributes-row-inner.hovered-row:before,
.attributes-row .table-level-2 .attributes-row-inner.hovered-row:before,
.attributes-row .table-level-3 .attributes-row-inner.hovered-row:before,
.attributes-row .table-level-4 .attributes-row-inner.hovered-row:before,
.attributes-row .table-level-5 .attributes-row-inner.hovered-row:before,
.attributes-row .table-level-6 .attributes-row-inner.hovered-row:before,
.attributes-row .table-level-7 .attributes-row-inner.hovered-row:before,
.attributes-row .table-level-8 .attributes-row-inner.hovered-row:before,
.table-row .attributes-level-2 .attributes-row-inner.hovered-row:before,
.table-row .attributes-level-3 .attributes-row-inner.hovered-row:before,
.table-row .attributes-level-4 .attributes-row-inner.hovered-row:before,
.table-row .attributes-level-5 .attributes-row-inner.hovered-row:before,
.table-row .attributes-level-6 .attributes-row-inner.hovered-row:before,
.table-row .attributes-level-7 .attributes-row-inner.hovered-row:before,
.table-row .attributes-level-8 .attributes-row-inner.hovered-row:before,
.table-row .table-level-2 .attributes-row-inner.hovered-row:before,
.table-row .table-level-3 .attributes-row-inner.hovered-row:before,
.table-row .table-level-4 .attributes-row-inner.hovered-row:before,
.table-row .table-level-5 .attributes-row-inner.hovered-row:before,
.table-row .table-level-6 .attributes-row-inner.hovered-row:before,
.table-row .table-level-7 .attributes-row-inner.hovered-row:before,
.table-row .table-level-8 .attributes-row-inner.hovered-row:before {
  left: 10px;
}

.attributes-row .attributes-level-2 .attributes-row-inner.hovered-row:after,
.attributes-row .attributes-level-3 .attributes-row-inner.hovered-row:after,
.attributes-row .attributes-level-4 .attributes-row-inner.hovered-row:after,
.attributes-row .attributes-level-5 .attributes-row-inner.hovered-row:after,
.attributes-row .attributes-level-6 .attributes-row-inner.hovered-row:after,
.attributes-row .attributes-level-7 .attributes-row-inner.hovered-row:after,
.attributes-row .attributes-level-8 .attributes-row-inner.hovered-row:after,
.attributes-row .table-level-2 .attributes-row-inner.hovered-row:after,
.attributes-row .table-level-3 .attributes-row-inner.hovered-row:after,
.attributes-row .table-level-4 .attributes-row-inner.hovered-row:after,
.attributes-row .table-level-5 .attributes-row-inner.hovered-row:after,
.attributes-row .table-level-6 .attributes-row-inner.hovered-row:after,
.attributes-row .table-level-7 .attributes-row-inner.hovered-row:after,
.attributes-row .table-level-8 .attributes-row-inner.hovered-row:after,
.table-row .attributes-level-2 .attributes-row-inner.hovered-row:after,
.table-row .attributes-level-3 .attributes-row-inner.hovered-row:after,
.table-row .attributes-level-4 .attributes-row-inner.hovered-row:after,
.table-row .attributes-level-5 .attributes-row-inner.hovered-row:after,
.table-row .attributes-level-6 .attributes-row-inner.hovered-row:after,
.table-row .attributes-level-7 .attributes-row-inner.hovered-row:after,
.table-row .attributes-level-8 .attributes-row-inner.hovered-row:after,
.table-row .table-level-2 .attributes-row-inner.hovered-row:after,
.table-row .table-level-3 .attributes-row-inner.hovered-row:after,
.table-row .table-level-4 .attributes-row-inner.hovered-row:after,
.table-row .table-level-5 .attributes-row-inner.hovered-row:after,
.table-row .table-level-6 .attributes-row-inner.hovered-row:after,
.table-row .table-level-7 .attributes-row-inner.hovered-row:after,
.table-row .table-level-8 .attributes-row-inner.hovered-row:after {
  width: calc(100% - 20px);
  left: 20px;
}

.attributes-row .attributes-level-2 .attributes-row-inner:after,
.attributes-row .attributes-level-2 .table-row-inner .table-group:after,
.attributes-row .attributes-level-3 .attributes-row-inner:after,
.attributes-row .attributes-level-3 .table-row-inner .table-group:after,
.attributes-row .attributes-level-4 .attributes-row-inner:after,
.attributes-row .attributes-level-4 .table-row-inner .table-group:after,
.attributes-row .attributes-level-5 .attributes-row-inner:after,
.attributes-row .attributes-level-5 .table-row-inner .table-group:after,
.attributes-row .attributes-level-6 .attributes-row-inner:after,
.attributes-row .attributes-level-6 .table-row-inner .table-group:after,
.attributes-row .attributes-level-7 .attributes-row-inner:after,
.attributes-row .attributes-level-7 .table-row-inner .table-group:after,
.attributes-row .attributes-level-8 .attributes-row-inner:after,
.attributes-row .attributes-level-8 .table-row-inner .table-group:after,
.attributes-row .table-level-2 .attributes-row-inner:after,
.attributes-row .table-level-2 .table-row-inner .table-group:after,
.attributes-row .table-level-3 .attributes-row-inner:after,
.attributes-row .table-level-3 .table-row-inner .table-group:after,
.attributes-row .table-level-4 .attributes-row-inner:after,
.attributes-row .table-level-4 .table-row-inner .table-group:after,
.attributes-row .table-level-5 .attributes-row-inner:after,
.attributes-row .table-level-5 .table-row-inner .table-group:after,
.attributes-row .table-level-6 .attributes-row-inner:after,
.attributes-row .table-level-6 .table-row-inner .table-group:after,
.attributes-row .table-level-7 .attributes-row-inner:after,
.attributes-row .table-level-7 .table-row-inner .table-group:after,
.attributes-row .table-level-8 .attributes-row-inner:after,
.attributes-row .table-level-8 .table-row-inner .table-group:after,
.table-row .attributes-level-2 .attributes-row-inner:after,
.table-row .attributes-level-2 .table-row-inner .table-group:after,
.table-row .attributes-level-3 .attributes-row-inner:after,
.table-row .attributes-level-3 .table-row-inner .table-group:after,
.table-row .attributes-level-4 .attributes-row-inner:after,
.table-row .attributes-level-4 .table-row-inner .table-group:after,
.table-row .attributes-level-5 .attributes-row-inner:after,
.table-row .attributes-level-5 .table-row-inner .table-group:after,
.table-row .attributes-level-6 .attributes-row-inner:after,
.table-row .attributes-level-6 .table-row-inner .table-group:after,
.table-row .attributes-level-7 .attributes-row-inner:after,
.table-row .attributes-level-7 .table-row-inner .table-group:after,
.table-row .attributes-level-8 .attributes-row-inner:after,
.table-row .attributes-level-8 .table-row-inner .table-group:after,
.table-row .table-level-2 .attributes-row-inner:after,
.table-row .table-level-2 .table-row-inner .table-group:after,
.table-row .table-level-3 .attributes-row-inner:after,
.table-row .table-level-3 .table-row-inner .table-group:after,
.table-row .table-level-4 .attributes-row-inner:after,
.table-row .table-level-4 .table-row-inner .table-group:after,
.table-row .table-level-5 .attributes-row-inner:after,
.table-row .table-level-5 .table-row-inner .table-group:after,
.table-row .table-level-6 .attributes-row-inner:after,
.table-row .table-level-6 .table-row-inner .table-group:after,
.table-row .table-level-7 .attributes-row-inner:after,
.table-row .table-level-7 .table-row-inner .table-group:after,
.table-row .table-level-8 .attributes-row-inner:after,
.table-row .table-level-8 .table-row-inner .table-group:after {
  position: absolute;
  background-color: #e6e6e6;
  top: 0;
  right: 0;
  width: calc(100% - 34px);
  height: 1px;
  content: '';
}

.attributes-row .attributes-level-2 .first-segment .table-group:after,
.attributes-row .attributes-level-2 .first-segment:after,
.attributes-row .attributes-level-2 .post-open .table-group:after,
.attributes-row .attributes-level-2 .post-open:after,
.attributes-row .attributes-level-3 .first-segment .table-group:after,
.attributes-row .attributes-level-3 .first-segment:after,
.attributes-row .attributes-level-3 .post-open .table-group:after,
.attributes-row .attributes-level-3 .post-open:after,
.attributes-row .attributes-level-4 .first-segment .table-group:after,
.attributes-row .attributes-level-4 .first-segment:after,
.attributes-row .attributes-level-4 .post-open .table-group:after,
.attributes-row .attributes-level-4 .post-open:after,
.attributes-row .attributes-level-5 .first-segment .table-group:after,
.attributes-row .attributes-level-5 .first-segment:after,
.attributes-row .attributes-level-5 .post-open .table-group:after,
.attributes-row .attributes-level-5 .post-open:after,
.attributes-row .attributes-level-6 .first-segment .table-group:after,
.attributes-row .attributes-level-6 .first-segment:after,
.attributes-row .attributes-level-6 .post-open .table-group:after,
.attributes-row .attributes-level-6 .post-open:after,
.attributes-row .attributes-level-7 .first-segment .table-group:after,
.attributes-row .attributes-level-7 .first-segment:after,
.attributes-row .attributes-level-7 .post-open .table-group:after,
.attributes-row .attributes-level-7 .post-open:after,
.attributes-row .attributes-level-8 .first-segment .table-group:after,
.attributes-row .attributes-level-8 .first-segment:after,
.attributes-row .attributes-level-8 .post-open .table-group:after,
.attributes-row .attributes-level-8 .post-open:after,
.attributes-row .table-level-2 .first-segment .table-group:after,
.attributes-row .table-level-2 .first-segment:after,
.attributes-row .table-level-2 .post-open .table-group:after,
.attributes-row .table-level-2 .post-open:after,
.attributes-row .table-level-3 .first-segment .table-group:after,
.attributes-row .table-level-3 .first-segment:after,
.attributes-row .table-level-3 .post-open .table-group:after,
.attributes-row .table-level-3 .post-open:after,
.attributes-row .table-level-4 .first-segment .table-group:after,
.attributes-row .table-level-4 .first-segment:after,
.attributes-row .table-level-4 .post-open .table-group:after,
.attributes-row .table-level-4 .post-open:after,
.attributes-row .table-level-5 .first-segment .table-group:after,
.attributes-row .table-level-5 .first-segment:after,
.attributes-row .table-level-5 .post-open .table-group:after,
.attributes-row .table-level-5 .post-open:after,
.attributes-row .table-level-6 .first-segment .table-group:after,
.attributes-row .table-level-6 .first-segment:after,
.attributes-row .table-level-6 .post-open .table-group:after,
.attributes-row .table-level-6 .post-open:after,
.attributes-row .table-level-7 .first-segment .table-group:after,
.attributes-row .table-level-7 .first-segment:after,
.attributes-row .table-level-7 .post-open .table-group:after,
.attributes-row .table-level-7 .post-open:after,
.attributes-row .table-level-8 .first-segment .table-group:after,
.attributes-row .table-level-8 .first-segment:after,
.attributes-row .table-level-8 .post-open .table-group:after,
.attributes-row .table-level-8 .post-open:after,
.table-row .attributes-level-2 .first-segment .table-group:after,
.table-row .attributes-level-2 .first-segment:after,
.table-row .attributes-level-2 .post-open .table-group:after,
.table-row .attributes-level-2 .post-open:after,
.table-row .attributes-level-3 .first-segment .table-group:after,
.table-row .attributes-level-3 .first-segment:after,
.table-row .attributes-level-3 .post-open .table-group:after,
.table-row .attributes-level-3 .post-open:after,
.table-row .attributes-level-4 .first-segment .table-group:after,
.table-row .attributes-level-4 .first-segment:after,
.table-row .attributes-level-4 .post-open .table-group:after,
.table-row .attributes-level-4 .post-open:after,
.table-row .attributes-level-5 .first-segment .table-group:after,
.table-row .attributes-level-5 .first-segment:after,
.table-row .attributes-level-5 .post-open .table-group:after,
.table-row .attributes-level-5 .post-open:after,
.table-row .attributes-level-6 .first-segment .table-group:after,
.table-row .attributes-level-6 .first-segment:after,
.table-row .attributes-level-6 .post-open .table-group:after,
.table-row .attributes-level-6 .post-open:after,
.table-row .attributes-level-7 .first-segment .table-group:after,
.table-row .attributes-level-7 .first-segment:after,
.table-row .attributes-level-7 .post-open .table-group:after,
.table-row .attributes-level-7 .post-open:after,
.table-row .attributes-level-8 .first-segment .table-group:after,
.table-row .attributes-level-8 .first-segment:after,
.table-row .attributes-level-8 .post-open .table-group:after,
.table-row .attributes-level-8 .post-open:after,
.table-row .table-level-2 .first-segment .table-group:after,
.table-row .table-level-2 .first-segment:after,
.table-row .table-level-2 .post-open .table-group:after,
.table-row .table-level-2 .post-open:after,
.table-row .table-level-3 .first-segment .table-group:after,
.table-row .table-level-3 .first-segment:after,
.table-row .table-level-3 .post-open .table-group:after,
.table-row .table-level-3 .post-open:after,
.table-row .table-level-4 .first-segment .table-group:after,
.table-row .table-level-4 .first-segment:after,
.table-row .table-level-4 .post-open .table-group:after,
.table-row .table-level-4 .post-open:after,
.table-row .table-level-5 .first-segment .table-group:after,
.table-row .table-level-5 .first-segment:after,
.table-row .table-level-5 .post-open .table-group:after,
.table-row .table-level-5 .post-open:after,
.table-row .table-level-6 .first-segment .table-group:after,
.table-row .table-level-6 .first-segment:after,
.table-row .table-level-6 .post-open .table-group:after,
.table-row .table-level-6 .post-open:after,
.table-row .table-level-7 .first-segment .table-group:after,
.table-row .table-level-7 .first-segment:after,
.table-row .table-level-7 .post-open .table-group:after,
.table-row .table-level-7 .post-open:after,
.table-row .table-level-8 .first-segment .table-group:after,
.table-row .table-level-8 .first-segment:after,
.table-row .table-level-8 .post-open .table-group:after,
.table-row .table-level-8 .post-open:after {
  height: 0;
  width: 0;
  background-color: transparent;
}

.attributes-row .attributes-level-2 .attributes-row-level-footer,
.attributes-row .attributes-level-2 .attributes-row-level-header,
.attributes-row .attributes-level-2 .table-row-level-footer,
.attributes-row .attributes-level-2 .table-row-level-footer .table-cell,
.attributes-row .attributes-level-2 .table-row-level-header,
.attributes-row .attributes-level-2 .table-row-level-header .table-cell,
.attributes-row .attributes-level-3 .attributes-row-level-footer,
.attributes-row .attributes-level-3 .attributes-row-level-header,
.attributes-row .attributes-level-3 .table-row-level-footer,
.attributes-row .attributes-level-3 .table-row-level-footer .table-cell,
.attributes-row .attributes-level-3 .table-row-level-header,
.attributes-row .attributes-level-3 .table-row-level-header .table-cell,
.attributes-row .attributes-level-4 .attributes-row-level-footer,
.attributes-row .attributes-level-4 .attributes-row-level-header,
.attributes-row .attributes-level-4 .table-row-level-footer,
.attributes-row .attributes-level-4 .table-row-level-footer .table-cell,
.attributes-row .attributes-level-4 .table-row-level-header,
.attributes-row .attributes-level-4 .table-row-level-header .table-cell,
.attributes-row .attributes-level-5 .attributes-row-level-footer,
.attributes-row .attributes-level-5 .attributes-row-level-header,
.attributes-row .attributes-level-5 .table-row-level-footer,
.attributes-row .attributes-level-5 .table-row-level-footer .table-cell,
.attributes-row .attributes-level-5 .table-row-level-header,
.attributes-row .attributes-level-5 .table-row-level-header .table-cell,
.attributes-row .attributes-level-6 .attributes-row-level-footer,
.attributes-row .attributes-level-6 .attributes-row-level-header,
.attributes-row .attributes-level-6 .table-row-level-footer,
.attributes-row .attributes-level-6 .table-row-level-footer .table-cell,
.attributes-row .attributes-level-6 .table-row-level-header,
.attributes-row .attributes-level-6 .table-row-level-header .table-cell,
.attributes-row .attributes-level-7 .attributes-row-level-footer,
.attributes-row .attributes-level-7 .attributes-row-level-header,
.attributes-row .attributes-level-7 .table-row-level-footer,
.attributes-row .attributes-level-7 .table-row-level-footer .table-cell,
.attributes-row .attributes-level-7 .table-row-level-header,
.attributes-row .attributes-level-7 .table-row-level-header .table-cell,
.attributes-row .attributes-level-8 .attributes-row-level-footer,
.attributes-row .attributes-level-8 .attributes-row-level-header,
.attributes-row .attributes-level-8 .table-row-level-footer,
.attributes-row .attributes-level-8 .table-row-level-footer .table-cell,
.attributes-row .attributes-level-8 .table-row-level-header,
.attributes-row .attributes-level-8 .table-row-level-header .table-cell,
.attributes-row .table-level-2 .attributes-row-level-footer,
.attributes-row .table-level-2 .attributes-row-level-header,
.attributes-row .table-level-2 .table-row-level-footer,
.attributes-row .table-level-2 .table-row-level-footer .table-cell,
.attributes-row .table-level-2 .table-row-level-header,
.attributes-row .table-level-2 .table-row-level-header .table-cell,
.attributes-row .table-level-3 .attributes-row-level-footer,
.attributes-row .table-level-3 .attributes-row-level-header,
.attributes-row .table-level-3 .table-row-level-footer,
.attributes-row .table-level-3 .table-row-level-footer .table-cell,
.attributes-row .table-level-3 .table-row-level-header,
.attributes-row .table-level-3 .table-row-level-header .table-cell,
.attributes-row .table-level-4 .attributes-row-level-footer,
.attributes-row .table-level-4 .attributes-row-level-header,
.attributes-row .table-level-4 .table-row-level-footer,
.attributes-row .table-level-4 .table-row-level-footer .table-cell,
.attributes-row .table-level-4 .table-row-level-header,
.attributes-row .table-level-4 .table-row-level-header .table-cell,
.attributes-row .table-level-5 .attributes-row-level-footer,
.attributes-row .table-level-5 .attributes-row-level-header,
.attributes-row .table-level-5 .table-row-level-footer,
.attributes-row .table-level-5 .table-row-level-footer .table-cell,
.attributes-row .table-level-5 .table-row-level-header,
.attributes-row .table-level-5 .table-row-level-header .table-cell,
.attributes-row .table-level-6 .attributes-row-level-footer,
.attributes-row .table-level-6 .attributes-row-level-header,
.attributes-row .table-level-6 .table-row-level-footer,
.attributes-row .table-level-6 .table-row-level-footer .table-cell,
.attributes-row .table-level-6 .table-row-level-header,
.attributes-row .table-level-6 .table-row-level-header .table-cell,
.attributes-row .table-level-7 .attributes-row-level-footer,
.attributes-row .table-level-7 .attributes-row-level-header,
.attributes-row .table-level-7 .table-row-level-footer,
.attributes-row .table-level-7 .table-row-level-footer .table-cell,
.attributes-row .table-level-7 .table-row-level-header,
.attributes-row .table-level-7 .table-row-level-header .table-cell,
.attributes-row .table-level-8 .attributes-row-level-footer,
.attributes-row .table-level-8 .attributes-row-level-header,
.attributes-row .table-level-8 .table-row-level-footer,
.attributes-row .table-level-8 .table-row-level-footer .table-cell,
.attributes-row .table-level-8 .table-row-level-header,
.attributes-row .table-level-8 .table-row-level-header .table-cell,
.table-row .attributes-level-2 .attributes-row-level-footer,
.table-row .attributes-level-2 .attributes-row-level-header,
.table-row .attributes-level-2 .table-row-level-footer,
.table-row .attributes-level-2 .table-row-level-footer .table-cell,
.table-row .attributes-level-2 .table-row-level-header,
.table-row .attributes-level-2 .table-row-level-header .table-cell,
.table-row .attributes-level-3 .attributes-row-level-footer,
.table-row .attributes-level-3 .attributes-row-level-header,
.table-row .attributes-level-3 .table-row-level-footer,
.table-row .attributes-level-3 .table-row-level-footer .table-cell,
.table-row .attributes-level-3 .table-row-level-header,
.table-row .attributes-level-3 .table-row-level-header .table-cell,
.table-row .attributes-level-4 .attributes-row-level-footer,
.table-row .attributes-level-4 .attributes-row-level-header,
.table-row .attributes-level-4 .table-row-level-footer,
.table-row .attributes-level-4 .table-row-level-footer .table-cell,
.table-row .attributes-level-4 .table-row-level-header,
.table-row .attributes-level-4 .table-row-level-header .table-cell,
.table-row .attributes-level-5 .attributes-row-level-footer,
.table-row .attributes-level-5 .attributes-row-level-header,
.table-row .attributes-level-5 .table-row-level-footer,
.table-row .attributes-level-5 .table-row-level-footer .table-cell,
.table-row .attributes-level-5 .table-row-level-header,
.table-row .attributes-level-5 .table-row-level-header .table-cell,
.table-row .attributes-level-6 .attributes-row-level-footer,
.table-row .attributes-level-6 .attributes-row-level-header,
.table-row .attributes-level-6 .table-row-level-footer,
.table-row .attributes-level-6 .table-row-level-footer .table-cell,
.table-row .attributes-level-6 .table-row-level-header,
.table-row .attributes-level-6 .table-row-level-header .table-cell,
.table-row .attributes-level-7 .attributes-row-level-footer,
.table-row .attributes-level-7 .attributes-row-level-header,
.table-row .attributes-level-7 .table-row-level-footer,
.table-row .attributes-level-7 .table-row-level-footer .table-cell,
.table-row .attributes-level-7 .table-row-level-header,
.table-row .attributes-level-7 .table-row-level-header .table-cell,
.table-row .attributes-level-8 .attributes-row-level-footer,
.table-row .attributes-level-8 .attributes-row-level-header,
.table-row .attributes-level-8 .table-row-level-footer,
.table-row .attributes-level-8 .table-row-level-footer .table-cell,
.table-row .attributes-level-8 .table-row-level-header,
.table-row .attributes-level-8 .table-row-level-header .table-cell,
.table-row .table-level-2 .attributes-row-level-footer,
.table-row .table-level-2 .attributes-row-level-header,
.table-row .table-level-2 .table-row-level-footer,
.table-row .table-level-2 .table-row-level-footer .table-cell,
.table-row .table-level-2 .table-row-level-header,
.table-row .table-level-2 .table-row-level-header .table-cell,
.table-row .table-level-3 .attributes-row-level-footer,
.table-row .table-level-3 .attributes-row-level-header,
.table-row .table-level-3 .table-row-level-footer,
.table-row .table-level-3 .table-row-level-footer .table-cell,
.table-row .table-level-3 .table-row-level-header,
.table-row .table-level-3 .table-row-level-header .table-cell,
.table-row .table-level-4 .attributes-row-level-footer,
.table-row .table-level-4 .attributes-row-level-header,
.table-row .table-level-4 .table-row-level-footer,
.table-row .table-level-4 .table-row-level-footer .table-cell,
.table-row .table-level-4 .table-row-level-header,
.table-row .table-level-4 .table-row-level-header .table-cell,
.table-row .table-level-5 .attributes-row-level-footer,
.table-row .table-level-5 .attributes-row-level-header,
.table-row .table-level-5 .table-row-level-footer,
.table-row .table-level-5 .table-row-level-footer .table-cell,
.table-row .table-level-5 .table-row-level-header,
.table-row .table-level-5 .table-row-level-header .table-cell,
.table-row .table-level-6 .attributes-row-level-footer,
.table-row .table-level-6 .attributes-row-level-header,
.table-row .table-level-6 .table-row-level-footer,
.table-row .table-level-6 .table-row-level-footer .table-cell,
.table-row .table-level-6 .table-row-level-header,
.table-row .table-level-6 .table-row-level-header .table-cell,
.table-row .table-level-7 .attributes-row-level-footer,
.table-row .table-level-7 .attributes-row-level-header,
.table-row .table-level-7 .table-row-level-footer,
.table-row .table-level-7 .table-row-level-footer .table-cell,
.table-row .table-level-7 .table-row-level-header,
.table-row .table-level-7 .table-row-level-header .table-cell,
.table-row .table-level-8 .attributes-row-level-footer,
.table-row .table-level-8 .attributes-row-level-header,
.table-row .table-level-8 .table-row-level-footer,
.table-row .table-level-8 .table-row-level-footer .table-cell,
.table-row .table-level-8 .table-row-level-header,
.table-row .table-level-8 .table-row-level-header .table-cell {
  height: 50px;
  line-height: 50px;
}

.attributes-row .attributes-level-2 .attributes-row-level-footer .attributes-content-col,
.attributes-row .attributes-level-2 .attributes-row-level-header .attributes-content-col,
.attributes-row .attributes-level-2 .table-row-level-footer .attributes-content-col,
.attributes-row .attributes-level-2 .table-row-level-footer .table-cell .attributes-content-col,
.attributes-row .attributes-level-2 .table-row-level-header .attributes-content-col,
.attributes-row .attributes-level-2 .table-row-level-header .table-cell .attributes-content-col,
.attributes-row .attributes-level-3 .attributes-row-level-footer .attributes-content-col,
.attributes-row .attributes-level-3 .attributes-row-level-header .attributes-content-col,
.attributes-row .attributes-level-3 .table-row-level-footer .attributes-content-col,
.attributes-row .attributes-level-3 .table-row-level-footer .table-cell .attributes-content-col,
.attributes-row .attributes-level-3 .table-row-level-header .attributes-content-col,
.attributes-row .attributes-level-3 .table-row-level-header .table-cell .attributes-content-col,
.attributes-row .attributes-level-4 .attributes-row-level-footer .attributes-content-col,
.attributes-row .attributes-level-4 .attributes-row-level-header .attributes-content-col,
.attributes-row .attributes-level-4 .table-row-level-footer .attributes-content-col,
.attributes-row .attributes-level-4 .table-row-level-footer .table-cell .attributes-content-col,
.attributes-row .attributes-level-4 .table-row-level-header .attributes-content-col,
.attributes-row .attributes-level-4 .table-row-level-header .table-cell .attributes-content-col,
.attributes-row .attributes-level-5 .attributes-row-level-footer .attributes-content-col,
.attributes-row .attributes-level-5 .attributes-row-level-header .attributes-content-col,
.attributes-row .attributes-level-5 .table-row-level-footer .attributes-content-col,
.attributes-row .attributes-level-5 .table-row-level-footer .table-cell .attributes-content-col,
.attributes-row .attributes-level-5 .table-row-level-header .attributes-content-col,
.attributes-row .attributes-level-5 .table-row-level-header .table-cell .attributes-content-col,
.attributes-row .attributes-level-6 .attributes-row-level-footer .attributes-content-col,
.attributes-row .attributes-level-6 .attributes-row-level-header .attributes-content-col,
.attributes-row .attributes-level-6 .table-row-level-footer .attributes-content-col,
.attributes-row .attributes-level-6 .table-row-level-footer .table-cell .attributes-content-col,
.attributes-row .attributes-level-6 .table-row-level-header .attributes-content-col,
.attributes-row .attributes-level-6 .table-row-level-header .table-cell .attributes-content-col,
.attributes-row .attributes-level-7 .attributes-row-level-footer .attributes-content-col,
.attributes-row .attributes-level-7 .attributes-row-level-header .attributes-content-col,
.attributes-row .attributes-level-7 .table-row-level-footer .attributes-content-col,
.attributes-row .attributes-level-7 .table-row-level-footer .table-cell .attributes-content-col,
.attributes-row .attributes-level-7 .table-row-level-header .attributes-content-col,
.attributes-row .attributes-level-7 .table-row-level-header .table-cell .attributes-content-col,
.attributes-row .attributes-level-8 .attributes-row-level-footer .attributes-content-col,
.attributes-row .attributes-level-8 .attributes-row-level-header .attributes-content-col,
.attributes-row .attributes-level-8 .table-row-level-footer .attributes-content-col,
.attributes-row .attributes-level-8 .table-row-level-footer .table-cell .attributes-content-col,
.attributes-row .attributes-level-8 .table-row-level-header .attributes-content-col,
.attributes-row .attributes-level-8 .table-row-level-header .table-cell .attributes-content-col,
.attributes-row .table-level-2 .attributes-row-level-footer .attributes-content-col,
.attributes-row .table-level-2 .attributes-row-level-header .attributes-content-col,
.attributes-row .table-level-2 .table-row-level-footer .attributes-content-col,
.attributes-row .table-level-2 .table-row-level-footer .table-cell .attributes-content-col,
.attributes-row .table-level-2 .table-row-level-header .attributes-content-col,
.attributes-row .table-level-2 .table-row-level-header .table-cell .attributes-content-col,
.attributes-row .table-level-3 .attributes-row-level-footer .attributes-content-col,
.attributes-row .table-level-3 .attributes-row-level-header .attributes-content-col,
.attributes-row .table-level-3 .table-row-level-footer .attributes-content-col,
.attributes-row .table-level-3 .table-row-level-footer .table-cell .attributes-content-col,
.attributes-row .table-level-3 .table-row-level-header .attributes-content-col,
.attributes-row .table-level-3 .table-row-level-header .table-cell .attributes-content-col,
.attributes-row .table-level-4 .attributes-row-level-footer .attributes-content-col,
.attributes-row .table-level-4 .attributes-row-level-header .attributes-content-col,
.attributes-row .table-level-4 .table-row-level-footer .attributes-content-col,
.attributes-row .table-level-4 .table-row-level-footer .table-cell .attributes-content-col,
.attributes-row .table-level-4 .table-row-level-header .attributes-content-col,
.attributes-row .table-level-4 .table-row-level-header .table-cell .attributes-content-col,
.attributes-row .table-level-5 .attributes-row-level-footer .attributes-content-col,
.attributes-row .table-level-5 .attributes-row-level-header .attributes-content-col,
.attributes-row .table-level-5 .table-row-level-footer .attributes-content-col,
.attributes-row .table-level-5 .table-row-level-footer .table-cell .attributes-content-col,
.attributes-row .table-level-5 .table-row-level-header .attributes-content-col,
.attributes-row .table-level-5 .table-row-level-header .table-cell .attributes-content-col,
.attributes-row .table-level-6 .attributes-row-level-footer .attributes-content-col,
.attributes-row .table-level-6 .attributes-row-level-header .attributes-content-col,
.attributes-row .table-level-6 .table-row-level-footer .attributes-content-col,
.attributes-row .table-level-6 .table-row-level-footer .table-cell .attributes-content-col,
.attributes-row .table-level-6 .table-row-level-header .attributes-content-col,
.attributes-row .table-level-6 .table-row-level-header .table-cell .attributes-content-col,
.attributes-row .table-level-7 .attributes-row-level-footer .attributes-content-col,
.attributes-row .table-level-7 .attributes-row-level-header .attributes-content-col,
.attributes-row .table-level-7 .table-row-level-footer .attributes-content-col,
.attributes-row .table-level-7 .table-row-level-footer .table-cell .attributes-content-col,
.attributes-row .table-level-7 .table-row-level-header .attributes-content-col,
.attributes-row .table-level-7 .table-row-level-header .table-cell .attributes-content-col,
.attributes-row .table-level-8 .attributes-row-level-footer .attributes-content-col,
.attributes-row .table-level-8 .attributes-row-level-header .attributes-content-col,
.attributes-row .table-level-8 .table-row-level-footer .attributes-content-col,
.attributes-row .table-level-8 .table-row-level-footer .table-cell .attributes-content-col,
.attributes-row .table-level-8 .table-row-level-header .attributes-content-col,
.attributes-row .table-level-8 .table-row-level-header .table-cell .attributes-content-col,
.table-row .attributes-level-2 .attributes-row-level-footer .attributes-content-col,
.table-row .attributes-level-2 .attributes-row-level-header .attributes-content-col,
.table-row .attributes-level-2 .table-row-level-footer .attributes-content-col,
.table-row .attributes-level-2 .table-row-level-footer .table-cell .attributes-content-col,
.table-row .attributes-level-2 .table-row-level-header .attributes-content-col,
.table-row .attributes-level-2 .table-row-level-header .table-cell .attributes-content-col,
.table-row .attributes-level-3 .attributes-row-level-footer .attributes-content-col,
.table-row .attributes-level-3 .attributes-row-level-header .attributes-content-col,
.table-row .attributes-level-3 .table-row-level-footer .attributes-content-col,
.table-row .attributes-level-3 .table-row-level-footer .table-cell .attributes-content-col,
.table-row .attributes-level-3 .table-row-level-header .attributes-content-col,
.table-row .attributes-level-3 .table-row-level-header .table-cell .attributes-content-col,
.table-row .attributes-level-4 .attributes-row-level-footer .attributes-content-col,
.table-row .attributes-level-4 .attributes-row-level-header .attributes-content-col,
.table-row .attributes-level-4 .table-row-level-footer .attributes-content-col,
.table-row .attributes-level-4 .table-row-level-footer .table-cell .attributes-content-col,
.table-row .attributes-level-4 .table-row-level-header .attributes-content-col,
.table-row .attributes-level-4 .table-row-level-header .table-cell .attributes-content-col,
.table-row .attributes-level-5 .attributes-row-level-footer .attributes-content-col,
.table-row .attributes-level-5 .attributes-row-level-header .attributes-content-col,
.table-row .attributes-level-5 .table-row-level-footer .attributes-content-col,
.table-row .attributes-level-5 .table-row-level-footer .table-cell .attributes-content-col,
.table-row .attributes-level-5 .table-row-level-header .attributes-content-col,
.table-row .attributes-level-5 .table-row-level-header .table-cell .attributes-content-col,
.table-row .attributes-level-6 .attributes-row-level-footer .attributes-content-col,
.table-row .attributes-level-6 .attributes-row-level-header .attributes-content-col,
.table-row .attributes-level-6 .table-row-level-footer .attributes-content-col,
.table-row .attributes-level-6 .table-row-level-footer .table-cell .attributes-content-col,
.table-row .attributes-level-6 .table-row-level-header .attributes-content-col,
.table-row .attributes-level-6 .table-row-level-header .table-cell .attributes-content-col,
.table-row .attributes-level-7 .attributes-row-level-footer .attributes-content-col,
.table-row .attributes-level-7 .attributes-row-level-header .attributes-content-col,
.table-row .attributes-level-7 .table-row-level-footer .attributes-content-col,
.table-row .attributes-level-7 .table-row-level-footer .table-cell .attributes-content-col,
.table-row .attributes-level-7 .table-row-level-header .attributes-content-col,
.table-row .attributes-level-7 .table-row-level-header .table-cell .attributes-content-col,
.table-row .attributes-level-8 .attributes-row-level-footer .attributes-content-col,
.table-row .attributes-level-8 .attributes-row-level-header .attributes-content-col,
.table-row .attributes-level-8 .table-row-level-footer .attributes-content-col,
.table-row .attributes-level-8 .table-row-level-footer .table-cell .attributes-content-col,
.table-row .attributes-level-8 .table-row-level-header .attributes-content-col,
.table-row .attributes-level-8 .table-row-level-header .table-cell .attributes-content-col,
.table-row .table-level-2 .attributes-row-level-footer .attributes-content-col,
.table-row .table-level-2 .attributes-row-level-header .attributes-content-col,
.table-row .table-level-2 .table-row-level-footer .attributes-content-col,
.table-row .table-level-2 .table-row-level-footer .table-cell .attributes-content-col,
.table-row .table-level-2 .table-row-level-header .attributes-content-col,
.table-row .table-level-2 .table-row-level-header .table-cell .attributes-content-col,
.table-row .table-level-3 .attributes-row-level-footer .attributes-content-col,
.table-row .table-level-3 .attributes-row-level-header .attributes-content-col,
.table-row .table-level-3 .table-row-level-footer .attributes-content-col,
.table-row .table-level-3 .table-row-level-footer .table-cell .attributes-content-col,
.table-row .table-level-3 .table-row-level-header .attributes-content-col,
.table-row .table-level-3 .table-row-level-header .table-cell .attributes-content-col,
.table-row .table-level-4 .attributes-row-level-footer .attributes-content-col,
.table-row .table-level-4 .attributes-row-level-header .attributes-content-col,
.table-row .table-level-4 .table-row-level-footer .attributes-content-col,
.table-row .table-level-4 .table-row-level-footer .table-cell .attributes-content-col,
.table-row .table-level-4 .table-row-level-header .attributes-content-col,
.table-row .table-level-4 .table-row-level-header .table-cell .attributes-content-col,
.table-row .table-level-5 .attributes-row-level-footer .attributes-content-col,
.table-row .table-level-5 .attributes-row-level-header .attributes-content-col,
.table-row .table-level-5 .table-row-level-footer .attributes-content-col,
.table-row .table-level-5 .table-row-level-footer .table-cell .attributes-content-col,
.table-row .table-level-5 .table-row-level-header .attributes-content-col,
.table-row .table-level-5 .table-row-level-header .table-cell .attributes-content-col,
.table-row .table-level-6 .attributes-row-level-footer .attributes-content-col,
.table-row .table-level-6 .attributes-row-level-header .attributes-content-col,
.table-row .table-level-6 .table-row-level-footer .attributes-content-col,
.table-row .table-level-6 .table-row-level-footer .table-cell .attributes-content-col,
.table-row .table-level-6 .table-row-level-header .attributes-content-col,
.table-row .table-level-6 .table-row-level-header .table-cell .attributes-content-col,
.table-row .table-level-7 .attributes-row-level-footer .attributes-content-col,
.table-row .table-level-7 .attributes-row-level-header .attributes-content-col,
.table-row .table-level-7 .table-row-level-footer .attributes-content-col,
.table-row .table-level-7 .table-row-level-footer .table-cell .attributes-content-col,
.table-row .table-level-7 .table-row-level-header .attributes-content-col,
.table-row .table-level-7 .table-row-level-header .table-cell .attributes-content-col,
.table-row .table-level-8 .attributes-row-level-footer .attributes-content-col,
.table-row .table-level-8 .attributes-row-level-header .attributes-content-col,
.table-row .table-level-8 .table-row-level-footer .attributes-content-col,
.table-row .table-level-8 .table-row-level-footer .table-cell .attributes-content-col,
.table-row .table-level-8 .table-row-level-header .attributes-content-col,
.table-row .table-level-8 .table-row-level-header .table-cell .attributes-content-col {
  line-height: 48px;
}

.attributes-row .attributes-level-2 .attributes-row-level-footer:after,
.attributes-row .attributes-level-2 .attributes-row-level-header:after,
.attributes-row .attributes-level-2 .table-row-level-footer .table-group:after,
.attributes-row .attributes-level-2 .table-row-level-header .table-group:after,
.attributes-row .attributes-level-3 .attributes-row-level-footer:after,
.attributes-row .attributes-level-3 .attributes-row-level-header:after,
.attributes-row .attributes-level-3 .table-row-level-footer .table-group:after,
.attributes-row .attributes-level-3 .table-row-level-header .table-group:after,
.attributes-row .attributes-level-4 .attributes-row-level-footer:after,
.attributes-row .attributes-level-4 .attributes-row-level-header:after,
.attributes-row .attributes-level-4 .table-row-level-footer .table-group:after,
.attributes-row .attributes-level-4 .table-row-level-header .table-group:after,
.attributes-row .attributes-level-5 .attributes-row-level-footer:after,
.attributes-row .attributes-level-5 .attributes-row-level-header:after,
.attributes-row .attributes-level-5 .table-row-level-footer .table-group:after,
.attributes-row .attributes-level-5 .table-row-level-header .table-group:after,
.attributes-row .attributes-level-6 .attributes-row-level-footer:after,
.attributes-row .attributes-level-6 .attributes-row-level-header:after,
.attributes-row .attributes-level-6 .table-row-level-footer .table-group:after,
.attributes-row .attributes-level-6 .table-row-level-header .table-group:after,
.attributes-row .attributes-level-7 .attributes-row-level-footer:after,
.attributes-row .attributes-level-7 .attributes-row-level-header:after,
.attributes-row .attributes-level-7 .table-row-level-footer .table-group:after,
.attributes-row .attributes-level-7 .table-row-level-header .table-group:after,
.attributes-row .attributes-level-8 .attributes-row-level-footer:after,
.attributes-row .attributes-level-8 .attributes-row-level-header:after,
.attributes-row .attributes-level-8 .table-row-level-footer .table-group:after,
.attributes-row .attributes-level-8 .table-row-level-header .table-group:after,
.attributes-row .table-level-2 .attributes-row-level-footer:after,
.attributes-row .table-level-2 .attributes-row-level-header:after,
.attributes-row .table-level-2 .table-row-level-footer .table-group:after,
.attributes-row .table-level-2 .table-row-level-header .table-group:after,
.attributes-row .table-level-3 .attributes-row-level-footer:after,
.attributes-row .table-level-3 .attributes-row-level-header:after,
.attributes-row .table-level-3 .table-row-level-footer .table-group:after,
.attributes-row .table-level-3 .table-row-level-header .table-group:after,
.attributes-row .table-level-4 .attributes-row-level-footer:after,
.attributes-row .table-level-4 .attributes-row-level-header:after,
.attributes-row .table-level-4 .table-row-level-footer .table-group:after,
.attributes-row .table-level-4 .table-row-level-header .table-group:after,
.attributes-row .table-level-5 .attributes-row-level-footer:after,
.attributes-row .table-level-5 .attributes-row-level-header:after,
.attributes-row .table-level-5 .table-row-level-footer .table-group:after,
.attributes-row .table-level-5 .table-row-level-header .table-group:after,
.attributes-row .table-level-6 .attributes-row-level-footer:after,
.attributes-row .table-level-6 .attributes-row-level-header:after,
.attributes-row .table-level-6 .table-row-level-footer .table-group:after,
.attributes-row .table-level-6 .table-row-level-header .table-group:after,
.attributes-row .table-level-7 .attributes-row-level-footer:after,
.attributes-row .table-level-7 .attributes-row-level-header:after,
.attributes-row .table-level-7 .table-row-level-footer .table-group:after,
.attributes-row .table-level-7 .table-row-level-header .table-group:after,
.attributes-row .table-level-8 .attributes-row-level-footer:after,
.attributes-row .table-level-8 .attributes-row-level-header:after,
.attributes-row .table-level-8 .table-row-level-footer .table-group:after,
.attributes-row .table-level-8 .table-row-level-header .table-group:after,
.table-row .attributes-level-2 .attributes-row-level-footer:after,
.table-row .attributes-level-2 .attributes-row-level-header:after,
.table-row .attributes-level-2 .table-row-level-footer .table-group:after,
.table-row .attributes-level-2 .table-row-level-header .table-group:after,
.table-row .attributes-level-3 .attributes-row-level-footer:after,
.table-row .attributes-level-3 .attributes-row-level-header:after,
.table-row .attributes-level-3 .table-row-level-footer .table-group:after,
.table-row .attributes-level-3 .table-row-level-header .table-group:after,
.table-row .attributes-level-4 .attributes-row-level-footer:after,
.table-row .attributes-level-4 .attributes-row-level-header:after,
.table-row .attributes-level-4 .table-row-level-footer .table-group:after,
.table-row .attributes-level-4 .table-row-level-header .table-group:after,
.table-row .attributes-level-5 .attributes-row-level-footer:after,
.table-row .attributes-level-5 .attributes-row-level-header:after,
.table-row .attributes-level-5 .table-row-level-footer .table-group:after,
.table-row .attributes-level-5 .table-row-level-header .table-group:after,
.table-row .attributes-level-6 .attributes-row-level-footer:after,
.table-row .attributes-level-6 .attributes-row-level-header:after,
.table-row .attributes-level-6 .table-row-level-footer .table-group:after,
.table-row .attributes-level-6 .table-row-level-header .table-group:after,
.table-row .attributes-level-7 .attributes-row-level-footer:after,
.table-row .attributes-level-7 .attributes-row-level-header:after,
.table-row .attributes-level-7 .table-row-level-footer .table-group:after,
.table-row .attributes-level-7 .table-row-level-header .table-group:after,
.table-row .attributes-level-8 .attributes-row-level-footer:after,
.table-row .attributes-level-8 .attributes-row-level-header:after,
.table-row .attributes-level-8 .table-row-level-footer .table-group:after,
.table-row .attributes-level-8 .table-row-level-header .table-group:after,
.table-row .table-level-2 .attributes-row-level-footer:after,
.table-row .table-level-2 .attributes-row-level-header:after,
.table-row .table-level-2 .table-row-level-footer .table-group:after,
.table-row .table-level-2 .table-row-level-header .table-group:after,
.table-row .table-level-3 .attributes-row-level-footer:after,
.table-row .table-level-3 .attributes-row-level-header:after,
.table-row .table-level-3 .table-row-level-footer .table-group:after,
.table-row .table-level-3 .table-row-level-header .table-group:after,
.table-row .table-level-4 .attributes-row-level-footer:after,
.table-row .table-level-4 .attributes-row-level-header:after,
.table-row .table-level-4 .table-row-level-footer .table-group:after,
.table-row .table-level-4 .table-row-level-header .table-group:after,
.table-row .table-level-5 .attributes-row-level-footer:after,
.table-row .table-level-5 .attributes-row-level-header:after,
.table-row .table-level-5 .table-row-level-footer .table-group:after,
.table-row .table-level-5 .table-row-level-header .table-group:after,
.table-row .table-level-6 .attributes-row-level-footer:after,
.table-row .table-level-6 .attributes-row-level-header:after,
.table-row .table-level-6 .table-row-level-footer .table-group:after,
.table-row .table-level-6 .table-row-level-header .table-group:after,
.table-row .table-level-7 .attributes-row-level-footer:after,
.table-row .table-level-7 .attributes-row-level-header:after,
.table-row .table-level-7 .table-row-level-footer .table-group:after,
.table-row .table-level-7 .table-row-level-header .table-group:after,
.table-row .table-level-8 .attributes-row-level-footer:after,
.table-row .table-level-8 .attributes-row-level-header:after,
.table-row .table-level-8 .table-row-level-footer .table-group:after,
.table-row .table-level-8 .table-row-level-header .table-group:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  background-color: transparent;
}

.attributes-row .attributes-level-2 .attributes-row-level-header:after,
.attributes-row .attributes-level-2 .table-row-level-header .table-group:after,
.attributes-row .attributes-level-3 .attributes-row-level-header:after,
.attributes-row .attributes-level-3 .table-row-level-header .table-group:after,
.attributes-row .attributes-level-4 .attributes-row-level-header:after,
.attributes-row .attributes-level-4 .table-row-level-header .table-group:after,
.attributes-row .attributes-level-5 .attributes-row-level-header:after,
.attributes-row .attributes-level-5 .table-row-level-header .table-group:after,
.attributes-row .attributes-level-6 .attributes-row-level-header:after,
.attributes-row .attributes-level-6 .table-row-level-header .table-group:after,
.attributes-row .attributes-level-7 .attributes-row-level-header:after,
.attributes-row .attributes-level-7 .table-row-level-header .table-group:after,
.attributes-row .attributes-level-8 .attributes-row-level-header:after,
.attributes-row .attributes-level-8 .table-row-level-header .table-group:after,
.attributes-row .table-level-2 .attributes-row-level-header:after,
.attributes-row .table-level-2 .table-row-level-header .table-group:after,
.attributes-row .table-level-3 .attributes-row-level-header:after,
.attributes-row .table-level-3 .table-row-level-header .table-group:after,
.attributes-row .table-level-4 .attributes-row-level-header:after,
.attributes-row .table-level-4 .table-row-level-header .table-group:after,
.attributes-row .table-level-5 .attributes-row-level-header:after,
.attributes-row .table-level-5 .table-row-level-header .table-group:after,
.attributes-row .table-level-6 .attributes-row-level-header:after,
.attributes-row .table-level-6 .table-row-level-header .table-group:after,
.attributes-row .table-level-7 .attributes-row-level-header:after,
.attributes-row .table-level-7 .table-row-level-header .table-group:after,
.attributes-row .table-level-8 .attributes-row-level-header:after,
.attributes-row .table-level-8 .table-row-level-header .table-group:after,
.table-row .attributes-level-2 .attributes-row-level-header:after,
.table-row .attributes-level-2 .table-row-level-header .table-group:after,
.table-row .attributes-level-3 .attributes-row-level-header:after,
.table-row .attributes-level-3 .table-row-level-header .table-group:after,
.table-row .attributes-level-4 .attributes-row-level-header:after,
.table-row .attributes-level-4 .table-row-level-header .table-group:after,
.table-row .attributes-level-5 .attributes-row-level-header:after,
.table-row .attributes-level-5 .table-row-level-header .table-group:after,
.table-row .attributes-level-6 .attributes-row-level-header:after,
.table-row .attributes-level-6 .table-row-level-header .table-group:after,
.table-row .attributes-level-7 .attributes-row-level-header:after,
.table-row .attributes-level-7 .table-row-level-header .table-group:after,
.table-row .attributes-level-8 .attributes-row-level-header:after,
.table-row .attributes-level-8 .table-row-level-header .table-group:after,
.table-row .table-level-2 .attributes-row-level-header:after,
.table-row .table-level-2 .table-row-level-header .table-group:after,
.table-row .table-level-3 .attributes-row-level-header:after,
.table-row .table-level-3 .table-row-level-header .table-group:after,
.table-row .table-level-4 .attributes-row-level-header:after,
.table-row .table-level-4 .table-row-level-header .table-group:after,
.table-row .table-level-5 .attributes-row-level-header:after,
.table-row .table-level-5 .table-row-level-header .table-group:after,
.table-row .table-level-6 .attributes-row-level-header:after,
.table-row .table-level-6 .table-row-level-header .table-group:after,
.table-row .table-level-7 .attributes-row-level-header:after,
.table-row .table-level-7 .table-row-level-header .table-group:after,
.table-row .table-level-8 .attributes-row-level-header:after,
.table-row .table-level-8 .table-row-level-header .table-group:after {
  border-bottom: 1px dotted;
}

.attributes-row .attributes-level-2 .attributes-row-level-footer:after,
.attributes-row .attributes-level-2 .table-row-level-footer .table-group:after,
.attributes-row .attributes-level-3 .attributes-row-level-footer:after,
.attributes-row .attributes-level-3 .table-row-level-footer .table-group:after,
.attributes-row .attributes-level-4 .attributes-row-level-footer:after,
.attributes-row .attributes-level-4 .table-row-level-footer .table-group:after,
.attributes-row .attributes-level-5 .attributes-row-level-footer:after,
.attributes-row .attributes-level-5 .table-row-level-footer .table-group:after,
.attributes-row .attributes-level-6 .attributes-row-level-footer:after,
.attributes-row .attributes-level-6 .table-row-level-footer .table-group:after,
.attributes-row .attributes-level-7 .attributes-row-level-footer:after,
.attributes-row .attributes-level-7 .table-row-level-footer .table-group:after,
.attributes-row .attributes-level-8 .attributes-row-level-footer:after,
.attributes-row .attributes-level-8 .table-row-level-footer .table-group:after,
.attributes-row .table-level-2 .attributes-row-level-footer:after,
.attributes-row .table-level-2 .table-row-level-footer .table-group:after,
.attributes-row .table-level-3 .attributes-row-level-footer:after,
.attributes-row .table-level-3 .table-row-level-footer .table-group:after,
.attributes-row .table-level-4 .attributes-row-level-footer:after,
.attributes-row .table-level-4 .table-row-level-footer .table-group:after,
.attributes-row .table-level-5 .attributes-row-level-footer:after,
.attributes-row .table-level-5 .table-row-level-footer .table-group:after,
.attributes-row .table-level-6 .attributes-row-level-footer:after,
.attributes-row .table-level-6 .table-row-level-footer .table-group:after,
.attributes-row .table-level-7 .attributes-row-level-footer:after,
.attributes-row .table-level-7 .table-row-level-footer .table-group:after,
.attributes-row .table-level-8 .attributes-row-level-footer:after,
.attributes-row .table-level-8 .table-row-level-footer .table-group:after,
.table-row .attributes-level-2 .attributes-row-level-footer:after,
.table-row .attributes-level-2 .table-row-level-footer .table-group:after,
.table-row .attributes-level-3 .attributes-row-level-footer:after,
.table-row .attributes-level-3 .table-row-level-footer .table-group:after,
.table-row .attributes-level-4 .attributes-row-level-footer:after,
.table-row .attributes-level-4 .table-row-level-footer .table-group:after,
.table-row .attributes-level-5 .attributes-row-level-footer:after,
.table-row .attributes-level-5 .table-row-level-footer .table-group:after,
.table-row .attributes-level-6 .attributes-row-level-footer:after,
.table-row .attributes-level-6 .table-row-level-footer .table-group:after,
.table-row .attributes-level-7 .attributes-row-level-footer:after,
.table-row .attributes-level-7 .table-row-level-footer .table-group:after,
.table-row .attributes-level-8 .attributes-row-level-footer:after,
.table-row .attributes-level-8 .table-row-level-footer .table-group:after,
.table-row .table-level-2 .attributes-row-level-footer:after,
.table-row .table-level-2 .table-row-level-footer .table-group:after,
.table-row .table-level-3 .attributes-row-level-footer:after,
.table-row .table-level-3 .table-row-level-footer .table-group:after,
.table-row .table-level-4 .attributes-row-level-footer:after,
.table-row .table-level-4 .table-row-level-footer .table-group:after,
.table-row .table-level-5 .attributes-row-level-footer:after,
.table-row .table-level-5 .table-row-level-footer .table-group:after,
.table-row .table-level-6 .attributes-row-level-footer:after,
.table-row .table-level-6 .table-row-level-footer .table-group:after,
.table-row .table-level-7 .attributes-row-level-footer:after,
.table-row .table-level-7 .table-row-level-footer .table-group:after,
.table-row .table-level-8 .attributes-row-level-footer:after,
.table-row .table-level-8 .table-row-level-footer .table-group:after {
  border-top: dotted 1px #e6e6e6;
}

.table-row .table-level-2 .table-row:nth-child(even),
.table-row .table-level-2 .table-row:nth-child(odd),
.table-row .table-level-3 .table-row:nth-child(even),
.table-row .table-level-3 .table-row:nth-child(odd),
.table-row .table-level-4 .table-row:nth-child(even),
.table-row .table-level-4 .table-row:nth-child(odd),
.table-row .table-level-5 .table-row:nth-child(even),
.table-row .table-level-5 .table-row:nth-child(odd),
.table-row .table-level-6 .table-row:nth-child(even),
.table-row .table-level-6 .table-row:nth-child(odd),
.table-row .table-level-7 .table-row:nth-child(even),
.table-row .table-level-7 .table-row:nth-child(odd),
.table-row .table-level-8 .table-row:nth-child(even),
.table-row .table-level-8 .table-row:nth-child(odd) {
  background-color: transparent;
}

.table-row .table-level-2 .table-group,
.table-row .table-level-3 .table-group,
.table-row .table-level-4 .table-group,
.table-row .table-level-5 .table-group,
.table-row .table-level-6 .table-group,
.table-row .table-level-7 .table-group,
.table-row .table-level-8 .table-group {
  border-color: transparent;
  position: relative;
}

.table-row .table-level-2 .table-row-inner .table-group:after,
.table-row .table-level-3 .table-row-inner .table-group:after,
.table-row .table-level-4 .table-row-inner .table-group:after,
.table-row .table-level-5 .table-row-inner .table-group:after,
.table-row .table-level-6 .table-row-inner .table-group:after,
.table-row .table-level-7 .table-row-inner .table-group:after,
.table-row .table-level-8 .table-row-inner .table-group:after {
  width: 100%;
}

/* TABLE AND ATTRIBUTES BORDERS END */

/* TABLE SUM ROW START */

.compare-active .table-wrapper .table-cell-suffix {
  display: none;
}

.compare-active .table-wrapper .cmp-hover {
  display: none;
}

.compare-active .table-wrapper .hovered-row .cmp-hover {
  display: inherit;
}

.compare-active .table-wrapper .hovered-row .cmp-no-hover {
  display: none;
}

.compare-active .table-wrapper .hovered-row .table-row .cmp-hover {
  display: none;
}

.compare-active .table-wrapper .hovered-row .table-row .cmp-no-hover {
  display: inherit;
}

.compare-active .table-wrapper .table-container .sum-row .table-cell-inner {
  line-height: 32px;
}

.compare-active .table-wrapper .table-container .table-cell-inner {
  line-height: 38px;
}

.compare-active .table-wrapper .table-container .table-cell-inner {
  line-height: 38px;
}

.table-wrapper .preloading > div {
  top: 14px;
}

.table-wrapper .attributes-cnt .sum-row,
.table-wrapper .table-container .sum-row {
  border-top: 2px solid #e1e1e1;
  border-bottom: 2px solid #e1e1e1;
  background-color: #f5f5f5;
}

.table-wrapper .attributes-cnt .sum-row .table-cell,
.table-wrapper .table-container .sum-row .table-cell {
  height: 46px;
}

.table-wrapper .attributes-cnt .sum-row .attribute,
.table-wrapper .attributes-cnt .sum-row .table-cell-inner,
.table-wrapper .table-container .sum-row .attribute,
.table-wrapper .table-container .sum-row .table-cell-inner {
  font-size: 16px;
  line-height: 46px;
  height: 46px;
}

.table-wrapper .attributes-cnt .sum-row .table-group,
.table-wrapper .table-container .sum-row .table-group {
  border-color: #f5f5f5;
}

.table-wrapper .attributes-cnt .sum-row .attributes-row-inner,
.table-wrapper .table-container .sum-row .attributes-row-inner {
  height: 46px;
  padding-left: 35px;
}

.table-wrapper .attributes-cnt {
  position: relative;
}

.table-wrapper .attributes-cnt .attributes-content.attributes-sum {
  background-color: #ebebeb;
  border-bottom: none;
  border-bottom-left-radius: 0;
}

.table-wrapper .attributes-cnt .attributes-content.attributes-sum .attributes-content-col .round-icon {
  margin-top: 10px;
}

.table-wrapper .attributes-cnt .sum-row {
  border-left: 2px solid #e1e1e1;
  border-radius: 5px 0 0 5px;
  width: calc(100% + 2px);
}

.table-wrapper .attributes-cnt .sum-row .attributes-row-inner {
  width: calc(100% - 2px);
}

.table-wrapper .attributes-cnt .sum-row.noBorder {
  border-left: none;
}

.table-wrapper .attributes-cnt .clip__text.clip__text--url {
  color: #0046fe;
  text-decoration: underline;
  font-weight: normal;
}

.table-wrapper .attributes-cnt .clip__text:not(.clip__text--clipped) {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.table-wrapper .attributes-cnt .clip__text.clip__text--clipped span {
  color: #979797;
}

.table-wrapper .table-container .sum-row {
  border-right: 2px solid #e1e1e1;
  border-radius: 0 5px 5px 0;
}

.table-wrapper .table-cell .table-cell-suffix {
  color: #b4b4b4;
  position: absolute;
  width: 100%;
  font-size: 9px;
  bottom: -15px;
}

/* TABLE SUM ROW END */

/* OPEND LEVEL 05.08.16 START */

.attributes-content.attributes-level-1 > .attributes-row > .opened,
.attributes-content.attributes-level-1 > .table-row > .opened,
.table-content.table-level-1 > .attributes-row > .opened,
.table-content.table-level-1 > .table-row > .opened {
  background-color: #232323;
  color: #FFFFFF;
  border-color: #000;
}

.attributes-content.attributes-level-1 > .attributes-row > .opened .cmp-actual:after,
.attributes-content.attributes-level-1 > .table-row > .opened .cmp-actual:after,
.table-content.table-level-1 > .attributes-row > .opened .cmp-actual:after,
.table-content.table-level-1 > .table-row > .opened .cmp-actual:after {
  background-color: #888;
}

.attributes-content.attributes-level-1 > .attributes-row > .opened .cmp-hover.compare_value,
.attributes-content.attributes-level-1 > .table-row > .opened .cmp-hover.compare_value,
.table-content.table-level-1 > .attributes-row > .opened .cmp-hover.compare_value,
.table-content.table-level-1 > .table-row > .opened .cmp-hover.compare_value {
  color: #a5a5a5;
}

.attributes-content.attributes-level-1 > .attributes-row > .opened .keyfigure-relative,
.attributes-content.attributes-level-1 > .table-row > .opened .keyfigure-relative,
.table-content.table-level-1 > .attributes-row > .opened .keyfigure-relative,
.table-content.table-level-1 > .table-row > .opened .keyfigure-relative {
  color: #FFFFFF;
}

.attributes-content.attributes-level-1 > .attributes-row > .opened > div > div > .clip__text--url,
.attributes-content.attributes-level-1 > .table-row > .opened > div > div > .clip__text--url,
.table-content.table-level-1 > .attributes-row > .opened > div > div > .clip__text--url,
.table-content.table-level-1 > .table-row > .opened > div > div > .clip__text--url {
  color: #F24E1E;
}

.attributes-content.attributes-level-1 > .attributes-row > .attributes-row-inner {
  /*    > .attribute:before {
                color: $color-black;
            }*/
}

.attributes-content.attributes-level-1 > .attributes-row > .attributes-row-inner.opened .round-icon {
  border-color: #000;
  background-color: #232323;
  color: #000;
}

.attributes-content .attributes-row .opened {
  border-top-left-radius: 5px;
}

.table-content.table-level-1 > .table-row > .opened {
  border-top-right-radius: 5px;
}

.table-content.table-level-1 > .table-row > .opened .table-group {
  border-color: #232323;
  position: relative;
  /*&:after {
                    content:"";
                    top:0;
                    right:-3px;
                    width:1px;
                    height:100%;
                    position:absolute;
                    background-color:$color-black;
                }
                &:last-child {
                    &:after {
                        width:0;
                        background-color:transparent;
                    }
                }*/
}

.attributes-content .attributes-row .attributes-level-2 {
  border-top: 2px solid transparent;
  border-bottom: 2px solid #232323;
  border-left: 2px solid #232323;
  border-bottom-left-radius: 5px;
  /* &:before {
        top: -5px;
        height: 12px;
        width: 12px;
        border: none;
    }*/
}

.attributes-content .attributes-row .attributes-level-2:after {
  border-bottom-left-radius: 5px;
}

.table-row .table-level-2 {
  border-top: 2px solid transparent;
  border-bottom: 2px solid #232323;
  border-right: 2px solid #232323;
  border-bottom-right-radius: 5px;
}

/* OPEND LEVEL 05.08.16 END */

/* --- NEW TABLE END ---*/

/* --- REPORT VIEW OVERLAY START --- */

.report-view-wrapper {
  width: 100%;
}

.report-view-wrapper .inner {
  width: 330px;
  margin: 140px auto 0;
  color: #FFFFFF;
}

.report-view-wrapper .inner h1 {
  font-size: 15px;
  margin-bottom: 33px;
}

.report-view-wrapper .inner .input-cnt {
  margin-bottom: 10px;
}

.report-view-wrapper .inner .input-cnt:last-child {
  margin-bottom: 0;
}

.report-view-wrapper .inner .input-cnt label {
  font-size: 12px;
  font-weight: bold;
  float: left;
  width: 90px;
  margin: 0 20px 0 0;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 20px;
  display: block;
}

.report-view-wrapper .inner .input-cnt input {
  width: 200px;
  float: left;
  border-width: 1px;
  padding: 0 22px;
}

.report-view-wrapper .inner .input-cnt .time-period-cnt-info {
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
  margin-left: 130px;
}

.report-view-wrapper .inner button.default {
  border-color: #FFFFFF;
  height: 40px;
  border-width: 1px;
  width: 200px;
  text-align: left;
  font-weight: 400;
  position: relative;
}

.report-view-wrapper .inner button.default:hover:not(:disabled) {
  background: none;
}

.report-view-wrapper .inner button.default.as-default-false .icon {
  visibility: hidden;
}

.report-view-wrapper .inner button.default .icon {
  font-size: 12px;
  height: 38px;
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
  color: #F24E1E;
}

.report-view-wrapper .inner .available-cnt {
  margin: 20px 0 2px;
}

.report-view-wrapper .inner .available-cnt > label {
  font-size: 12px;
  font-weight: bold;
  float: left;
  width: 90px;
  margin: 4px 20px 0 0;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.report-view-wrapper .inner .available-cnt .select-cnt {
  float: left;
  padding-left: 9px;
}

.report-view-wrapper .inner .available-cnt .select-cnt label {
  font-size: 12px;
  font-weight: 400;
}

.report-view-wrapper .inner .available-cnt .select-cnt .checkbox-cnt {
  margin-bottom: 17px;
}

.report-view-wrapper .inner .available-cnt .select-cnt .checkbox-cnt:last-child {
  margin-bottom: 0;
}

.report-view-wrapper .inner .button-cnt {
  width: 200px;
  margin-left: 110px;
  margin-top: 40px;
}

.report-view-wrapper .inner .button-cnt:last-child {
  margin-bottom: 0;
}

.report-view-wrapper .inner .button-cnt:last-child .et-btn__wrapper {
  float: left;
}

.report-view-wrapper .inner .button-cnt:last-child .et-btn {
  width: 146px;
  margin-right: 10px;
}

.report-view-wrapper .inner .button-cnt:last-child .et-btn--icon-only {
  width: 44px;
  margin-right: 0;
}

.report-view-wrapper .inner .dropdown .dropdown-menu {
  width: 200px;
}

.report-view-wrapper .inner .dropdown .dropdown__btn {
  width: 200px;
  text-align: left;
}

/* --- REPORT VIEW OVERLAY END --- */

@media (max-width: 1279px) {
  .content-column {
    width: calc(100% - 78px);
    left: 78px;
  }
}

.number-abbr {
  font-weight: 400;
}

.report-container {
  width: 100%;
  /* Smooth report table height changes START */
  position: relative;
  /* Smooth report table height changes END */
}

.report-container > .report-sizer {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  background: transparent;
  -webkit-transition: height 250ms ease-in-out;
  -o-transition: height 250ms ease-in-out;
  transition: height 250ms ease-in-out;
}

.report-container .compare_value {
  position: absolute;
  bottom: 6px;
  left: 0;
  right: 0;
  height: 12px;
  color: #656565;
  line-height: 10px;
  font-size: 10px;
}

.report-container .compare_value .cmp-bar {
  position: absolute;
  height: 4px;
  left: 15px;
  right: 15px;
  bottom: 6px;
}

.report-container .compare_value .cmp-bar:before {
  z-index: 2;
  position: absolute;
  height: 30px;
  width: 1px;
  left: 0;
  bottom: -5px;
  content: ' ';
  background-color: #e1e1e1;
}

.report-container .compare_value .cmp-bar .cmp-actual {
  position: absolute;
  height: 2px;
  left: 0;
  min-width: 2px;
  background-color: #e1e1e1;
}

.report-container .compare_value .cmp-bar .cmp-actual:after {
  z-index: 3;
  position: absolute;
  height: 7px;
  width: 1px;
  right: 0;
  bottom: 0;
  content: ' ';
  background-color: #151515;
}

.report-container .compare_value .cmp-bar .cmp-diff {
  position: absolute;
  height: 2px;
}

.report-container .cmp-color {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
  background-color: #35e33d;
  -webkit-transition: width linear 2s;
  -o-transition: width linear 2s;
  transition: width linear 2s;
}

.report-container .cmp-color.bad {
  background-color: #ff003a;
}

.report-container.cmp-on .ng-enter .cmp-color {
  width: 0;
}

.report-container.cmp-on .cmp-color {
  width: 100%;
}

/* TABLE SORTING START */

.sort {
  font-size: 12px;
  line-height: 16px;
}

.sort:before {
  display: none;
  content: "M";
  font-family: "etracker" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.desc .sort:before,
.table-header-cell-cnt .table-cell:not(.sorted):hover .sort:before {
  display: inline-block;
}

.table-header-cell-cnt .table-cell:hover .sort:before {
  color: #000;
}

.attributes-cnt.m-hover .attributes-header-cnt:not(.sorted) .sort:before,
.sort-hover-asc .sort:before,
.asc .sort:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  display: inline-block;
}

.attributes-level {
  display: block;
}

.attributes-level .attribute-name > .icon-chevron {
  display: none;
}

.attributes-level.sort-hover-desc .attribute-name > div,
.attributes-level.sort-hover-asc .attribute-name > div {
  max-width: calc(100% - 13px);
}

.attributes-level .attribute-name.asc > div,
.attributes-level .attribute-name.desc > div {
  max-width: calc(100% - 13px);
}

.attributes-level.sort-hover-desc .attribute-name > .icon.icon-chevron {
  display: inline;
}

.attributes-level.sort-hover-desc .attribute-name > .icon.icon-chevron:before {
  font-size: 12px;
  content: "M";
  text-transform: initial;
}

.attributes-level.sort-hover-asc .attribute-name > .icon.icon-chevron {
  display: inline-block;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.attributes-level.sort-hover-asc .attribute-name > .icon.icon-chevron:before {
  font-size: 12px;
  content: "M";
  text-transform: initial;
}

.attributes-level.sort-hover-desc .attribute-name.asc > .sort:before,
.attributes-level.sort-hover-asc .attribute-name.desc > .sort:before {
  font-size: 12px;
  content: "N";
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.sub-level.sort-hover-asc > .icon-chevron,
.sub-level.sort-hover-desc > .icon-chevron {
  font-size: 12px;
}

.sub-level.sort-hover-asc > .icon-chevron:before,
.sub-level.sort-hover-desc > .icon-chevron:before {
  content: "M";
  text-transform: initial;
}

.sub-level.sort-hover-desc > .icon-chevron {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.sub-level.sort-hover-asc > .icon-chevron {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sub-level.asc.sort-hover-desc > .sort:before,
.sub-level.desc.sort-hover-asc > .sort:before {
  content: "N";
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.attributes-cnt.m-hover .attributes-header-cnt.sorted .sort,
.table-container .sorted:hover .sort {
  font-size: 12px;
  line-height: 15px;
}

.attributes-cnt.m-hover .attributes-header-cnt.sorted .sort:before,
.table-container .sorted:hover .sort:before {
  content: "N";
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.attributes-level.sort-hover .attribute-name {
  width: calc(100% - 107px);
}

.attributes-level.sort-hover .topattributes {
  margin-right: 5px;
}

.attributes-level.sort-hover .attributes-content-cols {
  margin-right: 2px;
}

.sort-hover-frame {
  display: none;
}

.sort-hover > .sort-hover-frame {
  display: block;
}

.attributes-level.sort-hover.sort-hover.sort-hover.sort-hover {
  border-top: 2px solid #232323;
  border-right: 2px solid #232323;
  border-bottom: 2px solid #232323;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.attributes-level-2 .sort-hover-frame {
  position: absolute;
  top: -2px;
  bottom: -2px;
  width: 5px;
  border-left: 2px solid #232323;
  border-top: 2px solid #232323;
  border-bottom: 2px solid #232323;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  z-index: 20;
  background-color: transparent;
}

.sorted .attributes-row-level-header .attribute-name > div {
  max-width: calc(100% - 20px);
}

.attributes-sort-hover-border {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 2px solid transparent;
  border-radius: 5px;
  pointer-events: none;
}

.attributes-cnt.m-hover .attributes-sort-hover-border {
  z-index: 1;
  border-color: #232323;
}

.header-clone .attributes-cnt.m-hover .attributes-sort-hover-border {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.attributes-header-cnt .attributes-header-frame {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 74px;
  z-index: 21;
}

.attributes-header-cnt .attribute-header-cell {
  display: inline-block;
  text-decoration: underline;
}

.attributes-header-cnt .attribute-header-cell .sort {
  text-align: center;
  margin-top: 8px;
}

.attributes-header-cnt .attribute-header-cell.noUnderline {
  text-decoration: none;
}

.attributes-header-cnt.sorted .attribute-header-cell {
  text-decoration: none;
}

.table-header-cell-cnt .table-cell.sorted {
  text-decoration: none;
}

.table-header-cell-cnt .table-cell.sorted:after,
.table-header-cell-cnt .table-cell.sorted:before {
  height: 100%;
  top: 10px;
}

.table-cell.sub-level.sort-hover:before,
.table-cell.sub-level.sort-hover:before,
.table-header-cell-cnt .table-cell.m-hover:before {
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  border: 2px solid #232323;
  border-radius: 5px;
  z-index: 20;
  background-color: transparent;
  pointer-events: none;
}

.table-group:first-child .table-cell:first-child .cell-top-border,
.table-group:first-child .table-cell:first-child .table-cell-inner:after {
  left: 0;
  width: calc(100% + 1px);
}

.attributes-header-cnt.m-hover .attributes-header:before {
  top: -1px;
}

.sorted .sort {
  display: block;
}

.sorted span.sort {
  display: inline;
  vertical-align: -2px;
  margin-left: 5px;
}

/* TABLE SORTING END */

/* --- KEYFIGURE SORT START --- */

.table-cell.sub-level {
  cursor: pointer;
  z-index: 10;
  vertical-align: top;
}

.table-cell.sub-level.sort-hover-asc .sort:before,
.table-cell.sub-level.sort-hover-desc .sort:before {
  display: inline-block;
}

.table-cell.sub-level > .sort {
  display: inline-block;
  line-height: 50px;
}

.table-cell > .icon-chevron {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  display: inline-block;
  font-size: 8px;
}

/* --- KEYFIGURE SORT END --- */

/* --- LEVEL START --- */

.attributes-content .attributes-row .attributes-row-inner.opened .attribute:after,
.table-row .attributes-row-inner.opened .attribute:after {
  background-color: #FFFFFF;
  border-left: 2px solid;
  border-top: 2px solid;
  bottom: -7px;
  content: "";
  height: 12px;
  left: 12px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 12px;
  z-index: 21;
}

.attributes-content .attributes-row .attributes-level-2,
.attributes-content .attributes-row .table-level-2,
.table-row .attributes-level-2,
.table-row .table-level-2 {
  background-color: #FFFFFF;
}

.attributes-content .attributes-row .attributes-level-2:after,
.attributes-content .attributes-row .table-level-2:after,
.table-row .attributes-level-2:after,
.table-row .table-level-2:after {
  width: 10px;
  background-color: #e0e0e0;
  z-index: 12;
}

.attributes-content .attributes-row .attributes-level-2 .attributes-row-inner,
.attributes-content .attributes-row .table-level-2 .attributes-row-inner,
.table-row .attributes-level-2 .attributes-row-inner,
.table-row .table-level-2 .attributes-row-inner {
  padding-left: 48px;
  border-color: #d6d6d6;
}

.attributes-content .attributes-row .attributes-level-2 .attributes-row-inner.opened .attribute:after,
.attributes-content .attributes-row .table-level-2 .attributes-row-inner.opened .attribute:after,
.table-row .attributes-level-2 .attributes-row-inner.opened .attribute:after,
.table-row .table-level-2 .attributes-row-inner.opened .attribute:after {
  background-color: #f5f5f5;
  border-color: #cecece;
}

.attributes-content .attributes-row .attributes-level-2 .attributes-row-inner .hover-fix:after,
.attributes-content .attributes-row .table-level-2 .attributes-row-inner .hover-fix:after,
.table-row .attributes-level-2 .attributes-row-inner .hover-fix:after,
.table-row .table-level-2 .attributes-row-inner .hover-fix:after {
  left: 20px;
}

.attributes-content .attributes-row .attributes-level-2 .attributes-row-inner .hover-fix:before,
.attributes-content .attributes-row .table-level-2 .attributes-row-inner .hover-fix:before,
.table-row .attributes-level-2 .attributes-row-inner .hover-fix:before,
.table-row .table-level-2 .attributes-row-inner .hover-fix:before {
  width: calc(100% - 29px);
  left: 30px;
}

.attributes-content .attributes-row .attributes-level-2 .attributes-row-inner .preloading,
.attributes-content .attributes-row .table-level-2 .attributes-row-inner .preloading,
.table-row .attributes-level-2 .attributes-row-inner .preloading,
.table-row .table-level-2 .attributes-row-inner .preloading {
  left: 25px;
}

.attributes-content .attributes-row .attributes-level-2 .attributes-row-inner .dropdown-element,
.attributes-content .attributes-row .table-level-2 .attributes-row-inner .dropdown-element,
.table-row .attributes-level-2 .attributes-row-inner .dropdown-element,
.table-row .table-level-2 .attributes-row-inner .dropdown-element {
  border-color: #d6d6d6;
}

.attributes-content .attributes-row .attributes-level-2 .attributes-row-inner .dropdown-element .icon,
.attributes-content .attributes-row .table-level-2 .attributes-row-inner .dropdown-element .icon,
.table-row .attributes-level-2 .attributes-row-inner .dropdown-element .icon,
.table-row .table-level-2 .attributes-row-inner .dropdown-element .icon {
  color: #d6d6d6;
}

.attributes-content .attributes-row .attributes-level-2 .attributes-row-level-header,
.attributes-content .attributes-row .table-level-2 .attributes-row-level-header,
.table-row .attributes-level-2 .attributes-row-level-header,
.table-row .table-level-2 .attributes-row-level-header {
  padding-left: 31px;
}

.attributes-content .attributes-row .attributes-level-2 .attributes-row-level-header:after,
.attributes-content .attributes-row .attributes-level-2 .table-row-level-header .table-group:after,
.attributes-content .attributes-row .table-level-2 .attributes-row-level-header:after,
.attributes-content .attributes-row .table-level-2 .table-row-level-header .table-group:after,
.table-row .attributes-level-2 .attributes-row-level-header:after,
.table-row .attributes-level-2 .table-row-level-header .table-group:after,
.table-row .table-level-2 .attributes-row-level-header:after,
.table-row .table-level-2 .table-row-level-header .table-group:after {
  border-color: #e6e6e6;
}

.attributes-content .attributes-row .attributes-level-2 .attributes-row-inner:after,
.attributes-content .attributes-row .attributes-level-2 .table-row-inner .table-group::after,
.attributes-content .attributes-row .table-level-2 .attributes-row-inner:after,
.attributes-content .attributes-row .table-level-2 .table-row-inner .table-group::after,
.table-row .attributes-level-2 .attributes-row-inner:after,
.table-row .attributes-level-2 .table-row-inner .table-group::after,
.table-row .table-level-2 .attributes-row-inner:after,
.table-row .table-level-2 .table-row-inner .table-group::after {
  background-color: #ebebeb;
}

.attributes-content .attributes-row .attributes-level-2 .attributes-row-level-header:after,
.attributes-content .attributes-row .attributes-level-2 .table-row-level-header .table-group:after,
.attributes-content .attributes-row .table-level-2 .attributes-row-level-header:after,
.attributes-content .attributes-row .table-level-2 .table-row-level-header .table-group:after,
.table-row .attributes-level-2 .attributes-row-level-header:after,
.table-row .attributes-level-2 .table-row-level-header .table-group:after,
.table-row .table-level-2 .attributes-row-level-header:after,
.table-row .table-level-2 .table-row-level-header .table-group:after {
  background-color: transparent;
}

.attributes-content .attributes-row .attributes-level-2 .sort-hover-frame,
.table-row .attributes-level-2 .sort-hover-frame {
  left: 7px;
}

.attributes-content .attributes-row .attributes-level-2 .preloading.transparent-preloader,
.table-row .attributes-level-2 .preloading.transparent-preloader {
  left: 26px;
}

.attributes-content .attributes-row .attributes-level-2 .attributes-row.hovered-row:before,
.table-row .attributes-level-2 .attributes-row.hovered-row:before {
  left: 20px;
}

.attributes-content .attributes-row .attributes-level-2 .attributes-row.hovered-row:after,
.table-row .attributes-level-2 .attributes-row.hovered-row:after {
  left: 30px;
  width: calc(100% - 30px);
}

.attributes-content .attributes-row .attributes-level-2 .attributes-row.hovered-row > .attributes-row-inner,
.table-row .attributes-level-2 .attributes-row.hovered-row > .attributes-row-inner {
  position: relative;
}

.attributes-content .attributes-row .attributes-level-2 .attributes-row.hovered-row > .attributes-row-inner:before,
.table-row .attributes-level-2 .attributes-row.hovered-row > .attributes-row-inner:before {
  left: 30px;
  width: calc(100% - 29px);
}

.attributes-content .attributes-row .attributes-level-3,
.attributes-content .attributes-row .table-level-3,
.table-row .attributes-level-3,
.table-row .table-level-3 {
  background-color: #f5f5f5;
  border-color: #d6d6d6;
}

.attributes-content .attributes-row .attributes-level-3:after,
.attributes-content .attributes-row .table-level-3:after,
.table-row .attributes-level-3:after,
.table-row .table-level-3:after {
  width: 20px;
  background-color: #d8d8d8;
  z-index: 13;
  border-color: #cecece;
}

.attributes-content .attributes-row .attributes-level-3 .attributes-row-inner,
.attributes-content .attributes-row .table-level-3 .attributes-row-inner,
.table-row .attributes-level-3 .attributes-row-inner,
.table-row .table-level-3 .attributes-row-inner {
  padding-left: 58px;
  border-color: #d4d4d4;
}

.attributes-content .attributes-row .attributes-level-3 .attributes-row-inner.opened .attribute:after,
.attributes-content .attributes-row .table-level-3 .attributes-row-inner.opened .attribute:after,
.table-row .attributes-level-3 .attributes-row-inner.opened .attribute:after,
.table-row .table-level-3 .attributes-row-inner.opened .attribute:after {
  background-color: #ebebeb;
  border-color: #c6c6c6;
}

.attributes-content .attributes-row .attributes-level-3 .attributes-row-inner .hover-fix:after,
.attributes-content .attributes-row .table-level-3 .attributes-row-inner .hover-fix:after,
.table-row .attributes-level-3 .attributes-row-inner .hover-fix:after,
.table-row .table-level-3 .attributes-row-inner .hover-fix:after {
  left: 30px;
}

.attributes-content .attributes-row .attributes-level-3 .attributes-row-inner .hover-fix:before,
.attributes-content .attributes-row .table-level-3 .attributes-row-inner .hover-fix:before,
.table-row .attributes-level-3 .attributes-row-inner .hover-fix:before,
.table-row .table-level-3 .attributes-row-inner .hover-fix:before {
  width: calc(100% - 39px);
  left: 40px;
}

.attributes-content .attributes-row .attributes-level-3 .attributes-row-inner .preloading,
.attributes-content .attributes-row .table-level-3 .attributes-row-inner .preloading,
.table-row .attributes-level-3 .attributes-row-inner .preloading,
.table-row .table-level-3 .attributes-row-inner .preloading {
  left: 35px;
}

.attributes-content .attributes-row .attributes-level-3 .attributes-row-inner .dropdown-element,
.attributes-content .attributes-row .table-level-3 .attributes-row-inner .dropdown-element,
.table-row .attributes-level-3 .attributes-row-inner .dropdown-element,
.table-row .table-level-3 .attributes-row-inner .dropdown-element {
  border-color: #d4d4d4;
  max-width: 195px;
}

.attributes-content .attributes-row .attributes-level-3 .attributes-row-inner .dropdown-element .icon,
.attributes-content .attributes-row .table-level-3 .attributes-row-inner .dropdown-element .icon,
.table-row .attributes-level-3 .attributes-row-inner .dropdown-element .icon,
.table-row .table-level-3 .attributes-row-inner .dropdown-element .icon {
  color: #d4d4d4;
}

.attributes-content .attributes-row .attributes-level-3 .attributes-row-level-header,
.attributes-content .attributes-row .table-level-3 .attributes-row-level-header,
.table-row .attributes-level-3 .attributes-row-level-header,
.table-row .table-level-3 .attributes-row-level-header {
  padding-left: 41px;
}

.attributes-content .attributes-row .attributes-level-3 .attributes-row-level-header:after,
.attributes-content .attributes-row .attributes-level-3 .table-row-level-header .table-group:after,
.attributes-content .attributes-row .table-level-3 .attributes-row-level-header:after,
.attributes-content .attributes-row .table-level-3 .table-row-level-header .table-group:after,
.table-row .attributes-level-3 .attributes-row-level-header:after,
.table-row .attributes-level-3 .table-row-level-header .table-group:after,
.table-row .table-level-3 .attributes-row-level-header:after,
.table-row .table-level-3 .table-row-level-header .table-group:after {
  border-color: #d4d4d4;
}

.attributes-content .attributes-row .attributes-level-3 .attributes-row-inner:after,
.attributes-content .attributes-row .attributes-level-3 .table-row-inner .table-group::after,
.attributes-content .attributes-row .table-level-3 .attributes-row-inner:after,
.attributes-content .attributes-row .table-level-3 .table-row-inner .table-group::after,
.table-row .attributes-level-3 .attributes-row-inner:after,
.table-row .attributes-level-3 .table-row-inner .table-group::after,
.table-row .table-level-3 .attributes-row-inner:after,
.table-row .table-level-3 .table-row-inner .table-group::after {
  background-color: #d4d4d4;
}

.attributes-content .attributes-row .attributes-level-3 .attributes-row-level-header:after,
.attributes-content .attributes-row .attributes-level-3 .table-row-level-header .table-group:after,
.attributes-content .attributes-row .table-level-3 .attributes-row-level-header:after,
.attributes-content .attributes-row .table-level-3 .table-row-level-header .table-group:after,
.table-row .attributes-level-3 .attributes-row-level-header:after,
.table-row .attributes-level-3 .table-row-level-header .table-group:after,
.table-row .table-level-3 .attributes-row-level-header:after,
.table-row .table-level-3 .table-row-level-header .table-group:after {
  background-color: transparent;
}

.attributes-content .attributes-row .attributes-level-3 .sort-hover-frame,
.table-row .attributes-level-3 .sort-hover-frame {
  left: 17px;
}

.attributes-content .attributes-row .attributes-level-3 .preloading.transparent-preloader,
.table-row .attributes-level-3 .preloading.transparent-preloader {
  left: 36px;
}

.attributes-content .attributes-row .attributes-level-3 .attributes-row.hovered-row:before,
.table-row .attributes-level-3 .attributes-row.hovered-row:before {
  left: 30px;
}

.attributes-content .attributes-row .attributes-level-3 .attributes-row.hovered-row:after,
.table-row .attributes-level-3 .attributes-row.hovered-row:after {
  left: 40px;
  width: calc(100% - 40px);
}

.attributes-content .attributes-row .attributes-level-3 .attributes-row.hovered-row > .attributes-row-inner,
.table-row .attributes-level-3 .attributes-row.hovered-row > .attributes-row-inner {
  position: relative;
}

.attributes-content .attributes-row .attributes-level-3 .attributes-row.hovered-row > .attributes-row-inner:before,
.table-row .attributes-level-3 .attributes-row.hovered-row > .attributes-row-inner:before {
  left: 40px;
  width: calc(100% - 39px);
}

.attributes-content .attributes-row .attributes-level-4,
.attributes-content .attributes-row .table-level-4,
.table-row .attributes-level-4,
.table-row .table-level-4 {
  background-color: #ebebeb;
  border-color: #c6c6c6;
}

.attributes-content .attributes-row .attributes-level-4:after,
.attributes-content .attributes-row .table-level-4:after,
.table-row .attributes-level-4:after,
.table-row .table-level-4:after {
  width: 30px;
  background-color: #d0d0d0;
  z-index: 14;
  border-color: #c6c6c6;
}

.attributes-content .attributes-row .attributes-level-4 .attributes-row-inner,
.attributes-content .attributes-row .table-level-4 .attributes-row-inner,
.table-row .attributes-level-4 .attributes-row-inner,
.table-row .table-level-4 .attributes-row-inner {
  padding-left: 68px;
  border-color: #d4d4d4;
}

.attributes-content .attributes-row .attributes-level-4 .attributes-row-inner.opened .attribute:after,
.attributes-content .attributes-row .table-level-4 .attributes-row-inner.opened .attribute:after,
.table-row .attributes-level-4 .attributes-row-inner.opened .attribute:after,
.table-row .table-level-4 .attributes-row-inner.opened .attribute:after {
  background-color: #e1e1e1;
  border-color: #bebebe;
}

.attributes-content .attributes-row .attributes-level-4 .attributes-row-inner .hover-fix:after,
.attributes-content .attributes-row .table-level-4 .attributes-row-inner .hover-fix:after,
.table-row .attributes-level-4 .attributes-row-inner .hover-fix:after,
.table-row .table-level-4 .attributes-row-inner .hover-fix:after {
  left: 40px;
}

.attributes-content .attributes-row .attributes-level-4 .attributes-row-inner .hover-fix:before,
.attributes-content .attributes-row .table-level-4 .attributes-row-inner .hover-fix:before,
.table-row .attributes-level-4 .attributes-row-inner .hover-fix:before,
.table-row .table-level-4 .attributes-row-inner .hover-fix:before {
  width: calc(100% - 49px);
  left: 50px;
}

.attributes-content .attributes-row .attributes-level-4 .attributes-row-inner .preloading,
.attributes-content .attributes-row .table-level-4 .attributes-row-inner .preloading,
.table-row .attributes-level-4 .attributes-row-inner .preloading,
.table-row .table-level-4 .attributes-row-inner .preloading {
  left: 45px;
}

.attributes-content .attributes-row .attributes-level-4 .attributes-row-inner .dropdown-element,
.attributes-content .attributes-row .table-level-4 .attributes-row-inner .dropdown-element,
.table-row .attributes-level-4 .attributes-row-inner .dropdown-element,
.table-row .table-level-4 .attributes-row-inner .dropdown-element {
  border-color: #d4d4d4;
  max-width: 185px;
}

.attributes-content .attributes-row .attributes-level-4 .attributes-row-inner .dropdown-element .icon,
.attributes-content .attributes-row .table-level-4 .attributes-row-inner .dropdown-element .icon,
.table-row .attributes-level-4 .attributes-row-inner .dropdown-element .icon,
.table-row .table-level-4 .attributes-row-inner .dropdown-element .icon {
  color: #d4d4d4;
}

.attributes-content .attributes-row .attributes-level-4 .attributes-row-level-header,
.attributes-content .attributes-row .table-level-4 .attributes-row-level-header,
.table-row .attributes-level-4 .attributes-row-level-header,
.table-row .table-level-4 .attributes-row-level-header {
  padding-left: 51px;
}

.attributes-content .attributes-row .attributes-level-4 .attributes-row-level-header:after,
.attributes-content .attributes-row .attributes-level-4 .table-row-level-header .table-group:after,
.attributes-content .attributes-row .table-level-4 .attributes-row-level-header:after,
.attributes-content .attributes-row .table-level-4 .table-row-level-header .table-group:after,
.table-row .attributes-level-4 .attributes-row-level-header:after,
.table-row .attributes-level-4 .table-row-level-header .table-group:after,
.table-row .table-level-4 .attributes-row-level-header:after,
.table-row .table-level-4 .table-row-level-header .table-group:after {
  border-color: #d4d4d4;
}

.attributes-content .attributes-row .attributes-level-4 .attributes-row-inner:after,
.attributes-content .attributes-row .attributes-level-4 .table-row-inner .table-group::after,
.attributes-content .attributes-row .table-level-4 .attributes-row-inner:after,
.attributes-content .attributes-row .table-level-4 .table-row-inner .table-group::after,
.table-row .attributes-level-4 .attributes-row-inner:after,
.table-row .attributes-level-4 .table-row-inner .table-group::after,
.table-row .table-level-4 .attributes-row-inner:after,
.table-row .table-level-4 .table-row-inner .table-group::after {
  background-color: #d4d4d4;
}

.attributes-content .attributes-row .attributes-level-4 .attributes-row-level-header:after,
.attributes-content .attributes-row .attributes-level-4 .table-row-level-header .table-group:after,
.attributes-content .attributes-row .table-level-4 .attributes-row-level-header:after,
.attributes-content .attributes-row .table-level-4 .table-row-level-header .table-group:after,
.table-row .attributes-level-4 .attributes-row-level-header:after,
.table-row .attributes-level-4 .table-row-level-header .table-group:after,
.table-row .table-level-4 .attributes-row-level-header:after,
.table-row .table-level-4 .table-row-level-header .table-group:after {
  background-color: transparent;
}

.attributes-content .attributes-row .attributes-level-4 .sort-hover-frame,
.table-row .attributes-level-4 .sort-hover-frame {
  left: 27px;
}

.attributes-content .attributes-row .attributes-level-4 .preloading.transparent-preloader,
.table-row .attributes-level-4 .preloading.transparent-preloader {
  left: 46px;
}

.attributes-content .attributes-row .attributes-level-4 .attributes-row.hovered-row:before,
.table-row .attributes-level-4 .attributes-row.hovered-row:before {
  left: 40px;
}

.attributes-content .attributes-row .attributes-level-4 .attributes-row.hovered-row:after,
.table-row .attributes-level-4 .attributes-row.hovered-row:after {
  left: 50px;
  width: calc(100% - 50px);
}

.attributes-content .attributes-row .attributes-level-4 .attributes-row.hovered-row > .attributes-row-inner,
.table-row .attributes-level-4 .attributes-row.hovered-row > .attributes-row-inner {
  position: relative;
}

.attributes-content .attributes-row .attributes-level-4 .attributes-row.hovered-row > .attributes-row-inner:before,
.table-row .attributes-level-4 .attributes-row.hovered-row > .attributes-row-inner:before {
  left: 50px;
  width: calc(100% - 49px);
}

.attributes-content .attributes-row .attributes-level-5,
.attributes-content .attributes-row .table-level-5,
.table-row .attributes-level-5,
.table-row .table-level-5 {
  background-color: #e1e1e1;
  border-color: #bebebe;
}

.attributes-content .attributes-row .attributes-level-5:after,
.attributes-content .attributes-row .table-level-5:after,
.table-row .attributes-level-5:after,
.table-row .table-level-5:after {
  width: 40px;
  background-color: #c8c8c8;
  z-index: 15;
  border-color: #bebebe;
}

.attributes-content .attributes-row .attributes-level-5 .attributes-row-inner,
.attributes-content .attributes-row .table-level-5 .attributes-row-inner,
.table-row .attributes-level-5 .attributes-row-inner,
.table-row .table-level-5 .attributes-row-inner {
  padding-left: 78px;
  border-color: #cecece;
}

.attributes-content .attributes-row .attributes-level-5 .attributes-row-inner.opened .attribute:after,
.attributes-content .attributes-row .table-level-5 .attributes-row-inner.opened .attribute:after,
.table-row .attributes-level-5 .attributes-row-inner.opened .attribute:after,
.table-row .table-level-5 .attributes-row-inner.opened .attribute:after {
  background-color: #d6d6d6;
  border-color: #b6b6b6;
}

.attributes-content .attributes-row .attributes-level-5 .attributes-row-inner .hover-fix:after,
.attributes-content .attributes-row .table-level-5 .attributes-row-inner .hover-fix:after,
.table-row .attributes-level-5 .attributes-row-inner .hover-fix:after,
.table-row .table-level-5 .attributes-row-inner .hover-fix:after {
  left: 50px;
}

.attributes-content .attributes-row .attributes-level-5 .attributes-row-inner .hover-fix:before,
.attributes-content .attributes-row .table-level-5 .attributes-row-inner .hover-fix:before,
.table-row .attributes-level-5 .attributes-row-inner .hover-fix:before,
.table-row .table-level-5 .attributes-row-inner .hover-fix:before {
  width: calc(100% - 59px);
  left: 60px;
}

.attributes-content .attributes-row .attributes-level-5 .attributes-row-inner .preloading,
.attributes-content .attributes-row .table-level-5 .attributes-row-inner .preloading,
.table-row .attributes-level-5 .attributes-row-inner .preloading,
.table-row .table-level-5 .attributes-row-inner .preloading {
  left: 55px;
}

.attributes-content .attributes-row .attributes-level-5 .attributes-row-inner .dropdown-element,
.attributes-content .attributes-row .table-level-5 .attributes-row-inner .dropdown-element,
.table-row .attributes-level-5 .attributes-row-inner .dropdown-element,
.table-row .table-level-5 .attributes-row-inner .dropdown-element {
  border-color: #cecece;
  max-width: 175px;
}

.attributes-content .attributes-row .attributes-level-5 .attributes-row-inner .dropdown-element .icon,
.attributes-content .attributes-row .table-level-5 .attributes-row-inner .dropdown-element .icon,
.table-row .attributes-level-5 .attributes-row-inner .dropdown-element .icon,
.table-row .table-level-5 .attributes-row-inner .dropdown-element .icon {
  color: #cecece;
}

.attributes-content .attributes-row .attributes-level-5 .attributes-row-level-header,
.attributes-content .attributes-row .table-level-5 .attributes-row-level-header,
.table-row .attributes-level-5 .attributes-row-level-header,
.table-row .table-level-5 .attributes-row-level-header {
  padding-left: 61px;
}

.attributes-content .attributes-row .attributes-level-5 .attributes-row-level-header:after,
.attributes-content .attributes-row .attributes-level-5 .table-row-level-header .table-group:after,
.attributes-content .attributes-row .table-level-5 .attributes-row-level-header:after,
.attributes-content .attributes-row .table-level-5 .table-row-level-header .table-group:after,
.table-row .attributes-level-5 .attributes-row-level-header:after,
.table-row .attributes-level-5 .table-row-level-header .table-group:after,
.table-row .table-level-5 .attributes-row-level-header:after,
.table-row .table-level-5 .table-row-level-header .table-group:after {
  border-color: #d4d4d4;
}

.attributes-content .attributes-row .attributes-level-5 .attributes-row-inner:after,
.attributes-content .attributes-row .attributes-level-5 .table-row-inner .table-group::after,
.attributes-content .attributes-row .table-level-5 .attributes-row-inner:after,
.attributes-content .attributes-row .table-level-5 .table-row-inner .table-group::after,
.table-row .attributes-level-5 .attributes-row-inner:after,
.table-row .attributes-level-5 .table-row-inner .table-group::after,
.table-row .table-level-5 .attributes-row-inner:after,
.table-row .table-level-5 .table-row-inner .table-group::after {
  background-color: #d4d4d4;
}

.attributes-content .attributes-row .attributes-level-5 .attributes-row-level-header:after,
.attributes-content .attributes-row .attributes-level-5 .table-row-level-header .table-group:after,
.attributes-content .attributes-row .table-level-5 .attributes-row-level-header:after,
.attributes-content .attributes-row .table-level-5 .table-row-level-header .table-group:after,
.table-row .attributes-level-5 .attributes-row-level-header:after,
.table-row .attributes-level-5 .table-row-level-header .table-group:after,
.table-row .table-level-5 .attributes-row-level-header:after,
.table-row .table-level-5 .table-row-level-header .table-group:after {
  background-color: transparent;
}

.attributes-content .attributes-row .attributes-level-5 .sort-hover-frame,
.table-row .attributes-level-5 .sort-hover-frame {
  left: 37px;
}

.attributes-content .attributes-row .attributes-level-5 .preloading.transparent-preloader,
.table-row .attributes-level-5 .preloading.transparent-preloader {
  left: 56px;
}

.attributes-content .attributes-row .attributes-level-5 .attributes-row.hovered-row:before,
.table-row .attributes-level-5 .attributes-row.hovered-row:before {
  left: 50px;
}

.attributes-content .attributes-row .attributes-level-5 .attributes-row.hovered-row:after,
.table-row .attributes-level-5 .attributes-row.hovered-row:after {
  left: 60px;
  width: calc(100% - 60px);
}

.attributes-content .attributes-row .attributes-level-5 .attributes-row.hovered-row > .attributes-row-inner,
.table-row .attributes-level-5 .attributes-row.hovered-row > .attributes-row-inner {
  position: relative;
}

.attributes-content .attributes-row .attributes-level-5 .attributes-row.hovered-row > .attributes-row-inner:before,
.table-row .attributes-level-5 .attributes-row.hovered-row > .attributes-row-inner:before {
  left: 60px;
  width: calc(100% - 59px);
}

.attributes-content .attributes-row .attributes-level-6,
.attributes-content .attributes-row .table-level-6,
.table-row .attributes-level-6,
.table-row .table-level-6 {
  background-color: #d6d6d6;
  border-color: #b6b6b6;
}

.attributes-content .attributes-row .attributes-level-6:after,
.attributes-content .attributes-row .table-level-6:after,
.table-row .attributes-level-6:after,
.table-row .table-level-6:after {
  width: 50px;
  background-color: #c0c0c0;
  z-index: 16;
  border-color: #b6b6b6;
}

.attributes-content .attributes-row .attributes-level-6 .attributes-row-inner,
.attributes-content .attributes-row .table-level-6 .attributes-row-inner,
.table-row .attributes-level-6 .attributes-row-inner,
.table-row .table-level-6 .attributes-row-inner {
  padding-left: 88px;
  border-color: #bdbdbd;
}

.attributes-content .attributes-row .attributes-level-6 .attributes-row-inner.opened .attribute:after,
.attributes-content .attributes-row .table-level-6 .attributes-row-inner.opened .attribute:after,
.table-row .attributes-level-6 .attributes-row-inner.opened .attribute:after,
.table-row .table-level-6 .attributes-row-inner.opened .attribute:after {
  background-color: #d6d6d6;
  border-color: #bdbdbd;
}

.attributes-content .attributes-row .attributes-level-6 .attributes-row-inner .hover-fix:after,
.attributes-content .attributes-row .table-level-6 .attributes-row-inner .hover-fix:after,
.table-row .attributes-level-6 .attributes-row-inner .hover-fix:after,
.table-row .table-level-6 .attributes-row-inner .hover-fix:after {
  left: 60px;
}

.attributes-content .attributes-row .attributes-level-6 .attributes-row-inner .hover-fix:before,
.attributes-content .attributes-row .table-level-6 .attributes-row-inner .hover-fix:before,
.table-row .attributes-level-6 .attributes-row-inner .hover-fix:before,
.table-row .table-level-6 .attributes-row-inner .hover-fix:before {
  width: calc(100% - 69px);
  left: 70px;
}

.attributes-content .attributes-row .attributes-level-6 .attributes-row-inner .preloading,
.attributes-content .attributes-row .table-level-6 .attributes-row-inner .preloading,
.table-row .attributes-level-6 .attributes-row-inner .preloading,
.table-row .table-level-6 .attributes-row-inner .preloading {
  left: 65px;
}

.attributes-content .attributes-row .attributes-level-6 .attributes-row-inner .dropdown-element,
.attributes-content .attributes-row .table-level-6 .attributes-row-inner .dropdown-element,
.table-row .attributes-level-6 .attributes-row-inner .dropdown-element,
.table-row .table-level-6 .attributes-row-inner .dropdown-element {
  border-color: #bdbdbd;
  max-width: 165px;
}

.attributes-content .attributes-row .attributes-level-6 .attributes-row-inner .dropdown-element .icon,
.attributes-content .attributes-row .table-level-6 .attributes-row-inner .dropdown-element .icon,
.table-row .attributes-level-6 .attributes-row-inner .dropdown-element .icon,
.table-row .table-level-6 .attributes-row-inner .dropdown-element .icon {
  color: #bdbdbd;
}

.attributes-content .attributes-row .attributes-level-6 .attributes-row-level-header,
.attributes-content .attributes-row .table-level-6 .attributes-row-level-header,
.table-row .attributes-level-6 .attributes-row-level-header,
.table-row .table-level-6 .attributes-row-level-header {
  padding-left: 71px;
}

.attributes-content .attributes-row .attributes-level-6 .attributes-row-level-header:after,
.attributes-content .attributes-row .attributes-level-6 .table-row-level-header .table-group:after,
.attributes-content .attributes-row .table-level-6 .attributes-row-level-header:after,
.attributes-content .attributes-row .table-level-6 .table-row-level-header .table-group:after,
.table-row .attributes-level-6 .attributes-row-level-header:after,
.table-row .attributes-level-6 .table-row-level-header .table-group:after,
.table-row .table-level-6 .attributes-row-level-header:after,
.table-row .table-level-6 .table-row-level-header .table-group:after {
  border-color: #bdbdbd;
}

.attributes-content .attributes-row .attributes-level-6 .attributes-row-inner:after,
.attributes-content .attributes-row .attributes-level-6 .table-row-inner .table-group::after,
.attributes-content .attributes-row .table-level-6 .attributes-row-inner:after,
.attributes-content .attributes-row .table-level-6 .table-row-inner .table-group::after,
.table-row .attributes-level-6 .attributes-row-inner:after,
.table-row .attributes-level-6 .table-row-inner .table-group::after,
.table-row .table-level-6 .attributes-row-inner:after,
.table-row .table-level-6 .table-row-inner .table-group::after {
  background-color: #bdbdbd;
}

.attributes-content .attributes-row .attributes-level-6 .attributes-row-level-header:after,
.attributes-content .attributes-row .attributes-level-6 .table-row-level-header .table-group:after,
.attributes-content .attributes-row .table-level-6 .attributes-row-level-header:after,
.attributes-content .attributes-row .table-level-6 .table-row-level-header .table-group:after,
.table-row .attributes-level-6 .attributes-row-level-header:after,
.table-row .attributes-level-6 .table-row-level-header .table-group:after,
.table-row .table-level-6 .attributes-row-level-header:after,
.table-row .table-level-6 .table-row-level-header .table-group:after {
  background-color: transparent;
}

.attributes-content .attributes-row .attributes-level-6 .sort-hover-frame,
.table-row .attributes-level-6 .sort-hover-frame {
  left: 47px;
}

.attributes-content .attributes-row .attributes-level-6 .preloading.transparent-preloader,
.table-row .attributes-level-6 .preloading.transparent-preloader {
  left: 66px;
}

.attributes-content .attributes-row .attributes-level-6 .attributes-row.hovered-row:before,
.table-row .attributes-level-6 .attributes-row.hovered-row:before {
  left: 60px;
}

.attributes-content .attributes-row .attributes-level-6 .attributes-row.hovered-row:after,
.table-row .attributes-level-6 .attributes-row.hovered-row:after {
  left: 70px;
  width: calc(100% - 70px);
}

.attributes-content .attributes-row .attributes-level-6 .attributes-row.hovered-row > .attributes-row-inner,
.table-row .attributes-level-6 .attributes-row.hovered-row > .attributes-row-inner {
  position: relative;
}

.attributes-content .attributes-row .attributes-level-6 .attributes-row.hovered-row > .attributes-row-inner:before,
.table-row .attributes-level-6 .attributes-row.hovered-row > .attributes-row-inner:before {
  left: 70px;
  width: calc(100% - 69px);
}

.attributes-content .attributes-row .attributes-level-7,
.attributes-content .attributes-row .table-level-7,
.table-row .attributes-level-7,
.table-row .table-level-7 {
  background-color: #d6d6d6;
  border-color: #bdbdbd;
}

.attributes-content .attributes-row .attributes-level-7:after,
.attributes-content .attributes-row .table-level-7:after,
.table-row .attributes-level-7:after,
.table-row .table-level-7:after {
  width: 60px;
  background-color: #c6c6c6;
  z-index: 17;
  border-color: #bdbdbd;
}

.attributes-content .attributes-row .attributes-level-7 .attributes-row-inner,
.attributes-content .attributes-row .table-level-7 .attributes-row-inner,
.table-row .attributes-level-7 .attributes-row-inner,
.table-row .table-level-7 .attributes-row-inner {
  padding-left: 98px;
  border-color: #bdbdbd;
}

.attributes-content .attributes-row .attributes-level-7 .attributes-row-inner.opened .attribute:after,
.attributes-content .attributes-row .table-level-7 .attributes-row-inner.opened .attribute:after,
.table-row .attributes-level-7 .attributes-row-inner.opened .attribute:after,
.table-row .table-level-7 .attributes-row-inner.opened .attribute:after {
  background-color: #d6d6d6;
  border-color: #bdbdbd;
}

.attributes-content .attributes-row .attributes-level-7 .attributes-row-inner .hover-fix:after,
.attributes-content .attributes-row .table-level-7 .attributes-row-inner .hover-fix:after,
.table-row .attributes-level-7 .attributes-row-inner .hover-fix:after,
.table-row .table-level-7 .attributes-row-inner .hover-fix:after {
  left: 70px;
}

.attributes-content .attributes-row .attributes-level-7 .attributes-row-inner .hover-fix:before,
.attributes-content .attributes-row .table-level-7 .attributes-row-inner .hover-fix:before,
.table-row .attributes-level-7 .attributes-row-inner .hover-fix:before,
.table-row .table-level-7 .attributes-row-inner .hover-fix:before {
  width: calc(100% - 79px);
  left: 80px;
}

.attributes-content .attributes-row .attributes-level-7 .attributes-row-inner .preloading,
.attributes-content .attributes-row .table-level-7 .attributes-row-inner .preloading,
.table-row .attributes-level-7 .attributes-row-inner .preloading,
.table-row .table-level-7 .attributes-row-inner .preloading {
  left: 75px;
}

.attributes-content .attributes-row .attributes-level-7 .attributes-row-inner .dropdown-element,
.attributes-content .attributes-row .table-level-7 .attributes-row-inner .dropdown-element,
.table-row .attributes-level-7 .attributes-row-inner .dropdown-element,
.table-row .table-level-7 .attributes-row-inner .dropdown-element {
  border-color: #bdbdbd;
  max-width: 155px;
}

.attributes-content .attributes-row .attributes-level-7 .attributes-row-inner .dropdown-element .icon,
.attributes-content .attributes-row .table-level-7 .attributes-row-inner .dropdown-element .icon,
.table-row .attributes-level-7 .attributes-row-inner .dropdown-element .icon,
.table-row .table-level-7 .attributes-row-inner .dropdown-element .icon {
  color: #bdbdbd;
}

.attributes-content .attributes-row .attributes-level-7 .attributes-row-level-header,
.attributes-content .attributes-row .table-level-7 .attributes-row-level-header,
.table-row .attributes-level-7 .attributes-row-level-header,
.table-row .table-level-7 .attributes-row-level-header {
  padding-left: 81px;
}

.attributes-content .attributes-row .attributes-level-7 .attributes-row-level-header:after,
.attributes-content .attributes-row .attributes-level-7 .table-row-level-header .table-group:after,
.attributes-content .attributes-row .table-level-7 .attributes-row-level-header:after,
.attributes-content .attributes-row .table-level-7 .table-row-level-header .table-group:after,
.table-row .attributes-level-7 .attributes-row-level-header:after,
.table-row .attributes-level-7 .table-row-level-header .table-group:after,
.table-row .table-level-7 .attributes-row-level-header:after,
.table-row .table-level-7 .table-row-level-header .table-group:after {
  border-color: #bdbdbd;
}

.attributes-content .attributes-row .attributes-level-7 .attributes-row-inner:after,
.attributes-content .attributes-row .attributes-level-7 .table-row-inner .table-group::after,
.attributes-content .attributes-row .table-level-7 .attributes-row-inner:after,
.attributes-content .attributes-row .table-level-7 .table-row-inner .table-group::after,
.table-row .attributes-level-7 .attributes-row-inner:after,
.table-row .attributes-level-7 .table-row-inner .table-group::after,
.table-row .table-level-7 .attributes-row-inner:after,
.table-row .table-level-7 .table-row-inner .table-group::after {
  background-color: #bdbdbd;
}

.attributes-content .attributes-row .attributes-level-7 .attributes-row-level-header:after,
.attributes-content .attributes-row .attributes-level-7 .table-row-level-header .table-group:after,
.attributes-content .attributes-row .table-level-7 .attributes-row-level-header:after,
.attributes-content .attributes-row .table-level-7 .table-row-level-header .table-group:after,
.table-row .attributes-level-7 .attributes-row-level-header:after,
.table-row .attributes-level-7 .table-row-level-header .table-group:after,
.table-row .table-level-7 .attributes-row-level-header:after,
.table-row .table-level-7 .table-row-level-header .table-group:after {
  background-color: transparent;
}

.attributes-content .attributes-row .attributes-level-7 .sort-hover-frame,
.table-row .attributes-level-7 .sort-hover-frame {
  left: 57px;
}

.attributes-content .attributes-row .attributes-level-7 .preloading.transparent-preloader,
.table-row .attributes-level-7 .preloading.transparent-preloader {
  left: 76px;
}

.attributes-content .attributes-row .attributes-level-7 .attributes-row.hovered-row:before,
.table-row .attributes-level-7 .attributes-row.hovered-row:before {
  left: 70px;
}

.attributes-content .attributes-row .attributes-level-7 .attributes-row.hovered-row:after,
.table-row .attributes-level-7 .attributes-row.hovered-row:after {
  left: 80px;
  width: calc(100% - 80px);
}

.attributes-content .attributes-row .attributes-level-7 .attributes-row.hovered-row > .attributes-row-inner,
.table-row .attributes-level-7 .attributes-row.hovered-row > .attributes-row-inner {
  position: relative;
}

.attributes-content .attributes-row .attributes-level-7 .attributes-row.hovered-row > .attributes-row-inner:before,
.table-row .attributes-level-7 .attributes-row.hovered-row > .attributes-row-inner:before {
  left: 80px;
  width: calc(100% - 79px);
}

.attributes-content .attributes-row .attributes-level-8,
.attributes-content .attributes-row .table-level-8,
.table-row .attributes-level-8,
.table-row .table-level-8 {
  background-color: #d6d6d6;
  border-color: #bdbdbd;
}

.attributes-content .attributes-row .attributes-level-8:after,
.attributes-content .attributes-row .table-level-8:after,
.table-row .attributes-level-8:after,
.table-row .table-level-8:after {
  width: 70px;
  background-color: #c6c6c6;
  z-index: 18;
  border-color: #bdbdbd;
}

.attributes-content .attributes-row .attributes-level-8 .attributes-row-inner,
.attributes-content .attributes-row .table-level-8 .attributes-row-inner,
.table-row .attributes-level-8 .attributes-row-inner,
.table-row .table-level-8 .attributes-row-inner {
  padding-left: 108px;
  border-color: #bdbdbd;
}

.attributes-content .attributes-row .attributes-level-8 .attributes-row-inner.opened .attribute:after,
.attributes-content .attributes-row .table-level-8 .attributes-row-inner.opened .attribute:after,
.table-row .attributes-level-8 .attributes-row-inner.opened .attribute:after,
.table-row .table-level-8 .attributes-row-inner.opened .attribute:after {
  background-color: #d6d6d6;
  border-color: #bdbdbd;
}

.attributes-content .attributes-row .attributes-level-8 .attributes-row-inner .hover-fix:after,
.attributes-content .attributes-row .table-level-8 .attributes-row-inner .hover-fix:after,
.table-row .attributes-level-8 .attributes-row-inner .hover-fix:after,
.table-row .table-level-8 .attributes-row-inner .hover-fix:after {
  left: 80px;
}

.attributes-content .attributes-row .attributes-level-8 .attributes-row-inner .hover-fix:before,
.attributes-content .attributes-row .table-level-8 .attributes-row-inner .hover-fix:before,
.table-row .attributes-level-8 .attributes-row-inner .hover-fix:before,
.table-row .table-level-8 .attributes-row-inner .hover-fix:before {
  width: calc(100% - 89px);
  left: 90px;
}

.attributes-content .attributes-row .attributes-level-8 .attributes-row-inner .preloading,
.attributes-content .attributes-row .table-level-8 .attributes-row-inner .preloading,
.table-row .attributes-level-8 .attributes-row-inner .preloading,
.table-row .table-level-8 .attributes-row-inner .preloading {
  left: 85px;
}

.attributes-content .attributes-row .attributes-level-8 .attributes-row-inner .dropdown-element,
.attributes-content .attributes-row .table-level-8 .attributes-row-inner .dropdown-element,
.table-row .attributes-level-8 .attributes-row-inner .dropdown-element,
.table-row .table-level-8 .attributes-row-inner .dropdown-element {
  border-color: #bdbdbd;
  max-width: 145px;
}

.attributes-content .attributes-row .attributes-level-8 .attributes-row-inner .dropdown-element .icon,
.attributes-content .attributes-row .table-level-8 .attributes-row-inner .dropdown-element .icon,
.table-row .attributes-level-8 .attributes-row-inner .dropdown-element .icon,
.table-row .table-level-8 .attributes-row-inner .dropdown-element .icon {
  color: #bdbdbd;
}

.attributes-content .attributes-row .attributes-level-8 .attributes-row-level-header,
.attributes-content .attributes-row .table-level-8 .attributes-row-level-header,
.table-row .attributes-level-8 .attributes-row-level-header,
.table-row .table-level-8 .attributes-row-level-header {
  padding-left: 91px;
}

.attributes-content .attributes-row .attributes-level-8 .attributes-row-level-header:after,
.attributes-content .attributes-row .attributes-level-8 .table-row-level-header .table-group:after,
.attributes-content .attributes-row .table-level-8 .attributes-row-level-header:after,
.attributes-content .attributes-row .table-level-8 .table-row-level-header .table-group:after,
.table-row .attributes-level-8 .attributes-row-level-header:after,
.table-row .attributes-level-8 .table-row-level-header .table-group:after,
.table-row .table-level-8 .attributes-row-level-header:after,
.table-row .table-level-8 .table-row-level-header .table-group:after {
  border-color: #bdbdbd;
}

.attributes-content .attributes-row .attributes-level-8 .attributes-row-inner:after,
.attributes-content .attributes-row .attributes-level-8 .table-row-inner .table-group::after,
.attributes-content .attributes-row .table-level-8 .attributes-row-inner:after,
.attributes-content .attributes-row .table-level-8 .table-row-inner .table-group::after,
.table-row .attributes-level-8 .attributes-row-inner:after,
.table-row .attributes-level-8 .table-row-inner .table-group::after,
.table-row .table-level-8 .attributes-row-inner:after,
.table-row .table-level-8 .table-row-inner .table-group::after {
  background-color: #bdbdbd;
}

.attributes-content .attributes-row .attributes-level-8 .attributes-row-level-header:after,
.attributes-content .attributes-row .attributes-level-8 .table-row-level-header .table-group:after,
.attributes-content .attributes-row .table-level-8 .attributes-row-level-header:after,
.attributes-content .attributes-row .table-level-8 .table-row-level-header .table-group:after,
.table-row .attributes-level-8 .attributes-row-level-header:after,
.table-row .attributes-level-8 .table-row-level-header .table-group:after,
.table-row .table-level-8 .attributes-row-level-header:after,
.table-row .table-level-8 .table-row-level-header .table-group:after {
  background-color: transparent;
}

.attributes-content .attributes-row .attributes-level-8 .sort-hover-frame,
.table-row .attributes-level-8 .sort-hover-frame {
  left: 87px;
}

.attributes-content .attributes-row .attributes-level-8 .preloading.transparent-preloader,
.table-row .attributes-level-8 .preloading.transparent-preloader {
  left: 86px;
}

.attributes-content .attributes-row .attributes-level-8 .attributes-row.hovered-row:before,
.table-row .attributes-level-8 .attributes-row.hovered-row:before {
  left: 80px;
}

.attributes-content .attributes-row .attributes-level-8 .attributes-row.hovered-row:after,
.table-row .attributes-level-8 .attributes-row.hovered-row:after {
  left: 90px;
  width: calc(100% - 90px);
}

.attributes-content .attributes-row .attributes-level-8 .attributes-row.hovered-row > .attributes-row-inner,
.table-row .attributes-level-8 .attributes-row.hovered-row > .attributes-row-inner {
  position: relative;
}

.attributes-content .attributes-row .attributes-level-8 .attributes-row.hovered-row > .attributes-row-inner:before,
.table-row .attributes-level-8 .attributes-row.hovered-row > .attributes-row-inner:before {
  left: 90px;
  width: calc(100% - 89px);
}

/* --- DROPDOWN ARROW HOVER START --- */

.attributes-content .attributes-row .attributes-level-2 .attributes-row-inner .dropdown-element:hover .icon,
.attributes-content .attributes-row .attributes-level-3 .attributes-row-inner .dropdown-element:hover .icon,
.attributes-content .attributes-row .attributes-level-4 .attributes-row-inner .dropdown-element:hover .icon,
.attributes-content .attributes-row .attributes-level-5 .attributes-row-inner .dropdown-element:hover .icon,
.attributes-content .attributes-row .attributes-level-6 .attributes-row-inner .dropdown-element:hover .icon,
.attributes-content .attributes-row .attributes-level-7 .attributes-row-inner .dropdown-element:hover .icon,
.attributes-content .attributes-row .attributes-level-8 .attributes-row-inner .dropdown-element:hover .icon {
  color: #f24e1e;
}

/* --- DROPDOWN ARROW HOVER END --- */

/* --- OPENED LEVEL START --- */

.attributes-content .attributes-row .attributes-level-2 .attribute,
.attributes-content .attributes-row .attributes-level-2 .table-cell,
.attributes-content .attributes-row .attributes-level-3 .attribute,
.attributes-content .attributes-row .attributes-level-3 .table-cell,
.attributes-content .attributes-row .attributes-level-4 .attribute,
.attributes-content .attributes-row .attributes-level-4 .table-cell,
.attributes-content .attributes-row .attributes-level-5 .attribute,
.attributes-content .attributes-row .attributes-level-5 .table-cell,
.attributes-content .attributes-row .attributes-level-6 .attribute,
.attributes-content .attributes-row .attributes-level-6 .table-cell,
.attributes-content .attributes-row .attributes-level-7 .attribute,
.attributes-content .attributes-row .attributes-level-7 .table-cell,
.attributes-content .attributes-row .attributes-level-8 .attribute,
.attributes-content .attributes-row .attributes-level-8 .table-cell,
.attributes-content .attributes-row .table-level-2 .attribute,
.attributes-content .attributes-row .table-level-2 .table-cell,
.attributes-content .attributes-row .table-level-3 .attribute,
.attributes-content .attributes-row .table-level-3 .table-cell,
.attributes-content .attributes-row .table-level-4 .attribute,
.attributes-content .attributes-row .table-level-4 .table-cell,
.attributes-content .attributes-row .table-level-5 .attribute,
.attributes-content .attributes-row .table-level-5 .table-cell,
.attributes-content .attributes-row .table-level-6 .attribute,
.attributes-content .attributes-row .table-level-6 .table-cell,
.attributes-content .attributes-row .table-level-7 .attribute,
.attributes-content .attributes-row .table-level-7 .table-cell,
.attributes-content .attributes-row .table-level-8 .attribute,
.attributes-content .attributes-row .table-level-8 .table-cell,
.table-row .attributes-level-2 .attribute,
.table-row .attributes-level-2 .table-cell,
.table-row .attributes-level-3 .attribute,
.table-row .attributes-level-3 .table-cell,
.table-row .attributes-level-4 .attribute,
.table-row .attributes-level-4 .table-cell,
.table-row .attributes-level-5 .attribute,
.table-row .attributes-level-5 .table-cell,
.table-row .attributes-level-6 .attribute,
.table-row .attributes-level-6 .table-cell,
.table-row .attributes-level-7 .attribute,
.table-row .attributes-level-7 .table-cell,
.table-row .attributes-level-8 .attribute,
.table-row .attributes-level-8 .table-cell,
.table-row .table-level-2 .attribute,
.table-row .table-level-2 .table-cell,
.table-row .table-level-3 .attribute,
.table-row .table-level-3 .table-cell,
.table-row .table-level-4 .attribute,
.table-row .table-level-4 .table-cell,
.table-row .table-level-5 .attribute,
.table-row .table-level-5 .table-cell,
.table-row .table-level-6 .attribute,
.table-row .table-level-6 .table-cell,
.table-row .table-level-7 .attribute,
.table-row .table-level-7 .table-cell,
.table-row .table-level-8 .attribute,
.table-row .table-level-8 .table-cell {
  font-weight: 400;
}

.attributes-content .attributes-row .attributes-level-2 .opened .attribute,
.attributes-content .attributes-row .attributes-level-2 .opened .table-cell,
.attributes-content .attributes-row .attributes-level-3 .opened .attribute,
.attributes-content .attributes-row .attributes-level-3 .opened .table-cell,
.attributes-content .attributes-row .attributes-level-4 .opened .attribute,
.attributes-content .attributes-row .attributes-level-4 .opened .table-cell,
.attributes-content .attributes-row .attributes-level-5 .opened .attribute,
.attributes-content .attributes-row .attributes-level-5 .opened .table-cell,
.attributes-content .attributes-row .attributes-level-6 .opened .attribute,
.attributes-content .attributes-row .attributes-level-6 .opened .table-cell,
.attributes-content .attributes-row .attributes-level-7 .opened .attribute,
.attributes-content .attributes-row .attributes-level-7 .opened .table-cell,
.attributes-content .attributes-row .attributes-level-8 .opened .attribute,
.attributes-content .attributes-row .attributes-level-8 .opened .table-cell,
.attributes-content .attributes-row .table-level-2 .opened .attribute,
.attributes-content .attributes-row .table-level-2 .opened .table-cell,
.attributes-content .attributes-row .table-level-3 .opened .attribute,
.attributes-content .attributes-row .table-level-3 .opened .table-cell,
.attributes-content .attributes-row .table-level-4 .opened .attribute,
.attributes-content .attributes-row .table-level-4 .opened .table-cell,
.attributes-content .attributes-row .table-level-5 .opened .attribute,
.attributes-content .attributes-row .table-level-5 .opened .table-cell,
.attributes-content .attributes-row .table-level-6 .opened .attribute,
.attributes-content .attributes-row .table-level-6 .opened .table-cell,
.attributes-content .attributes-row .table-level-7 .opened .attribute,
.attributes-content .attributes-row .table-level-7 .opened .table-cell,
.attributes-content .attributes-row .table-level-8 .opened .attribute,
.attributes-content .attributes-row .table-level-8 .opened .table-cell,
.table-row .attributes-level-2 .opened .attribute,
.table-row .attributes-level-2 .opened .table-cell,
.table-row .attributes-level-3 .opened .attribute,
.table-row .attributes-level-3 .opened .table-cell,
.table-row .attributes-level-4 .opened .attribute,
.table-row .attributes-level-4 .opened .table-cell,
.table-row .attributes-level-5 .opened .attribute,
.table-row .attributes-level-5 .opened .table-cell,
.table-row .attributes-level-6 .opened .attribute,
.table-row .attributes-level-6 .opened .table-cell,
.table-row .attributes-level-7 .opened .attribute,
.table-row .attributes-level-7 .opened .table-cell,
.table-row .attributes-level-8 .opened .attribute,
.table-row .attributes-level-8 .opened .table-cell,
.table-row .table-level-2 .opened .attribute,
.table-row .table-level-2 .opened .table-cell,
.table-row .table-level-3 .opened .attribute,
.table-row .table-level-3 .opened .table-cell,
.table-row .table-level-4 .opened .attribute,
.table-row .table-level-4 .opened .table-cell,
.table-row .table-level-5 .opened .attribute,
.table-row .table-level-5 .opened .table-cell,
.table-row .table-level-6 .opened .attribute,
.table-row .table-level-6 .opened .table-cell,
.table-row .table-level-7 .opened .attribute,
.table-row .table-level-7 .opened .table-cell,
.table-row .table-level-8 .opened .attribute,
.table-row .table-level-8 .opened .table-cell {
  font-weight: 700;
}

/* --- OPENED LEVEL END --- */

/* --- START --- */

.attributes-level-2 .attributes-row.last .attributes-level-3 {
  border-bottom: none;
  border-bottom-left-radius: 5px;
}

.attributes-level-2 .attributes-row.last .attributes-level-3:after {
  border-bottom-left-radius: 5px;
}

.attributes-level-2 .attributes-row.last .attributes-level-3 .attributes-row.last .attributes-level-4 {
  border-bottom: none;
  border-bottom-left-radius: 5px;
}

.attributes-level-2 .attributes-row.last .attributes-level-3 .attributes-row.last .attributes-level-4:after {
  border-bottom-left-radius: 5px;
}

.attributes-level-2 .attributes-row.last .attributes-level-3 .attributes-row.last .attributes-level-4 .attributes-row.last .attributes-level-5 {
  border-bottom: none;
  border-bottom-left-radius: 5px;
}

.attributes-level-2 .attributes-row.last .attributes-level-3 .attributes-row.last .attributes-level-4 .attributes-row.last .attributes-level-5:after {
  border-bottom-left-radius: 5px;
}

.attributes-level-2 .attributes-row.last .attributes-level-3 .attributes-row.last .attributes-level-4 .attributes-row.last .attributes-level-5 .attributes-row.last .attributes-level-6 {
  border-bottom: none;
  border-bottom-left-radius: 5px;
}

.attributes-level-2 .attributes-row.last .attributes-level-3 .attributes-row.last .attributes-level-4 .attributes-row.last .attributes-level-5 .attributes-row.last .attributes-level-6:after {
  border-bottom-left-radius: 5px;
}

.attributes-level-2 .attributes-row.last .attributes-level-3 .attributes-row.last .attributes-level-4 .attributes-row.last .attributes-level-5 .attributes-row.last .attributes-level-6 .attributes-row.last .attributes-level-7 {
  border-bottom: none;
  border-bottom-left-radius: 5px;
}

.attributes-level-2 .attributes-row.last .attributes-level-3 .attributes-row.last .attributes-level-4 .attributes-row.last .attributes-level-5 .attributes-row.last .attributes-level-6 .attributes-row.last .attributes-level-7:after {
  border-bottom-left-radius: 5px;
}

.table-level-2 .table-row.last .table-level-3 {
  border-bottom: none;
  border-bottom-right-radius: 5px;
}

.table-level-2 .table-row.last .table-level-3:after {
  border-bottom-right-radius: 5px;
}

.table-level-2 .table-row.last .table-level-3 .table-row.last .table-level-4 {
  border-bottom: none;
  border-bottom-right-radius: 5px;
}

.table-level-2 .table-row.last .table-level-3 .table-row.last .table-level-4:after {
  border-bottom-right-radius: 5px;
}

.table-level-2 .table-row.last .table-level-3 .table-row.last .table-level-4 .table-row.last .table-level-5 {
  border-bottom: none;
  border-bottom-right-radius: 5px;
}

.table-level-2 .table-row.last .table-level-3 .table-row.last .table-level-4 .table-row.last .table-level-5:after {
  border-bottom-left-radius: 5px;
}

.table-level-2 .table-row.last .table-level-3 .table-row.last .table-level-4 .table-row.last .table-level-5 .table-row.last .table-level-6 {
  border-bottom: none;
  border-bottom-right-radius: 5px;
}

.table-level-2 .table-row.last .table-level-3 .table-row.last .table-level-4 .table-row.last .table-level-5 .table-row.last .table-level-6:after {
  border-bottom-right-radius: 5px;
}

.table-level-2 .table-row.last .table-level-3 .table-row.last .table-level-4 .table-row.last .table-level-5 .table-row.last .table-level-6 .attributes-row.last .attributes-level-7 {
  border-bottom: none;
  border-bottom-right-radius: 5px;
}

.table-level-2 .table-row.last .table-level-3 .table-row.last .table-level-4 .table-row.last .table-level-5 .table-row.last .table-level-6 .attributes-row.last .attributes-level-7:after {
  border-bottom-right-radius: 5px;
}

/* --- END --- */

/* --- LEVEL END --- */

.table-container {
  position: relative;
}

.table-container .left-shadow,
.table-container .right-shadow {
  position: absolute;
  top: 0;
  width: 7px;
  background-color: #000;
  opacity: 0.05;
  height: calc(100% - -11px);
}

.table-container .left-shadow {
  left: 0;
}

.table-container .right-shadow {
  right: 1px;
  border-bottom-right-radius: 5px;
}

.table-container.right-border:after {
  position: absolute;
  width: 1px;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: #e1e1e1;
  content: '';
}

.scrollbar-dummy {
  position: relative;
}

.scrollbar-dummy > div {
  position: absolute;
  bottom: -12px;
  height: 12px;
  border: 1px solid #e1e1e1;
  border-top: none;
  left: 0;
  right: 0;
  background-color: #ebebeb;
  border-bottom-left-radius: 5px;
}

.scrollbar-dummy > div.odd {
  background-color: #f5f5f5;
}

.mCustomScrollBox.mCS-et-table + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-et-table + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -12px;
  margin: 0;
  height: 12px;
  border-width: 1px;
  border-style: solid;
  border-left: none;
  border-bottom-right-radius: 5px;
}

.mCS-et-table.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-et-table.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 10px;
  margin: 0 auto;
  border-width: 1px;
  border-style: solid;
}

.mCS-et-table.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar:before,
.mCS-et-table.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar:after {
  position: absolute;
  top: 2px;
  height: 4px;
  border-left: 1px solid #FFFFFF;
  content: ' ';
}

.mCS-et-table.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar:before {
  width: 9px;
  left: calc(50% - 4px);
  border-right: 1px solid #FFFFFF;
}

.mCS-et-table.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar:after {
  width: 1px;
  left: 50%;
}

.mCS-et-table.mCSB_scrollTools {
  background-color: #f5f5f5;
  border-color: #e1e1e1;
}

.mCS-et-table.mCSB_scrollTools .mCSB_draggerRail {
  display: none;
}

.mCS-et-table.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #aaa;
  border-color: #e1e1e1;
}

#challenge-overlay {
  width: 600px;
}

.login {
  position: relative;
  min-height: 100vh;
}

.login .login-header {
  width: 100vw;
  height: 62px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-left: 16px;
  background-color: #f5f5f5;
}

.login .login-header etracker-logo {
  display: inline-block;
  color: #F24E1E;
  width: 148px;
}

.login .login-header .toggle-button {
  background-color: #FFFFFF;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  margin-left: 14px;
  margin-top: 5px;
  border: 1px solid #b1b1b1;
  border-radius: 4px;
  padding: 5px 12px;
  width: 120px;
  position: absolute;
  left: 190px;
  top: 12px;
}

.login .login-header .toggle-button:hover {
  cursor: pointer;
}

.login .login-header .toggle-button #app-switcher-icon {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgYXJpYS1sYWJlbGxlZGJ5PSJpY29uX2xhYmVsbGVkYnlfNCIgc3R5bGU9IndpZHRoOiAxLjVyZW07IGhlaWdodDogMS41cmVtOyI+PHRpdGxlIGlkPSJpY29uX2xhYmVsbGVkYnlfNCI+ZXRyYWNrZXI8L3RpdGxlPjxwYXRoIGQ9Ik0yMSw5TDE3LDVWOEgxMFYxMEgxN1YxM003LDExTDMsMTVMNywxOVYxNkgxNFYxNEg3VjExWiIgc3R5bGU9ImZpbGw6IGJsYWNrOyIvPjwvc3ZnPg==) no-repeat 0 0;
  width: 17px;
  height: 17px;
  border: none;
  margin-right: 10px;
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
}

.login .login-header .toggle-button--text {
  color: #474747;
  font-size: 14px;
}

.login .content {
  padding-bottom: 190px;
  width: 250px;
  padding-top: 50px;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
}

.login .content p {
  margin: 40px 0 20px;
  font-size: 13px;
}

.login .content .headline {
  margin-top: 90px;
  font-size: 25px;
  color: #888;
  margin-bottom: 30px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.login .content .et-input {
  margin: 10px;
  width: 100%;
}

.login .content .link {
  text-decoration: underline;
  color: #888;
  font-size: 13px;
}

.login .content .link:hover {
  cursor: pointer;
}

.login .content .login-btn {
  margin-top: 45px;
  width: 100%;
}

.login .content .login-btn .btn {
  width: 100%;
}

.login .content .saml-btn {
  margin-top: 15px;
  width: 100%;
}

.login .content .saml-btn .btn {
  width: 100%;
}

.login .content .divider {
  border-bottom: 1px solid #b1b1b1;
  width: 100%;
  margin: 40px 0;
}

.login .content .divider .divider-or {
  position: relative;
  top: 11px;
  left: calc(50% - 40px);
  width: 80px;
  height: 20px;
  background-color: #FFFFFF;
  display: block;
  font-style: italic;
  text-align: center;
}

.login .content .saml-info-container {
  width: 20px;
  height: 20px;
  border: solid 1px #000;
  text-align: center;
  border-radius: 50px;
  line-height: 17px;
  font-size: 13px;
  cursor: pointer;
  position: relative;
  top: -30px;
  left: 160px;
}

.login .content .saml-info-container > i {
  font-style: normal;
}

.large-menu-cnt {
  float: right;
  position: relative;
  color: #3d3d3d;
  font-size: 12px;
  line-height: 32px;
}

.large-menu-cnt.disabled span.icon,
.large-menu-cnt.disabled .action-title {
  cursor: default;
  color: #a5a5a5;
}

.large-menu-cnt span.action-title {
  margin-left: 2px;
}

.large-menu-cnt span.action-title.space {
  margin-left: 10px;
}

.large-menu-cnt span {
  display: inline-block;
  cursor: pointer;
}

.large-menu-cnt span.icon {
  color: #3d3d3d;
  vertical-align: middle;
  margin: 0 10px 0 20px;
  cursor: pointer;
}

@media (max-width: 1689px) {
  .large-menu-cnt span.icon {
    margin: 0 0 0 15px;
  }
}

/*
@include breakpoint-desktop-medium {
	.action-bar {
		margin-right: 54px;
	}
}

@include breakpoint-desktop-large {

	div.action-bar {
		span.action-title {
			display: none;
		}
	}
}

div {
	border: 1px;
}
*/

.action-bar {
  float: right;
}

.action-bar .dropdown .dropdown__btn {
  background: transparent;
  border: none;
  border-radius: 0;
  font-size: 20px;
  height: 20px;
  margin-top: 10px;
  padding: 0;
  min-width: 0;
  width: 30px;
  text-align: center;
}

.action-bar .dropdown .dropdown__btn span.icon {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  float: none !important;
  font-size: 20px;
  margin-left: 0;
}

.action-bar .dropdown .dropdown__btn span.icon:before {
  content: "g";
  color: #454545;
}

.action-bar .dropdown .dropdown__list-inner {
  right: 0;
  left: inherit;
}

.action-bar .dropdown .dropdown__list-inner ul.list-cnt__list {
  top: 80%;
}

.action-bar .dropdown .dropdown__list-inner ul.list-cnt__list li {
  padding-top: 10px;
  padding-bottom: 10px;
  white-space: nowrap;
}

.action-bar .dropdown .dropdown__list-inner ul.list-cnt__list li:hover {
  background-color: #ebebeb;
}

.action-bar .dropdown .dropdown__list-inner ul.list-cnt__list li .icon {
  color: #aaa;
  font-size: 15px;
  margin-right: 10px;
}

.action-bar .dropdown .dropdown__list-inner ul.list-cnt__list li:last-child {
  border: none;
}

.action-bar .dropdown .dropdown__list-inner ul.list-cnt__list li.item-disabled {
  color: #a5a5a5;
}

.action-bar .dropdown .dropdown__list-inner ul.list-cnt__list li.item-disabled:hover {
  background-color: transparent;
}

.action-bar .dropdown--small-menu {
  display: block;
  color: #454545 !important;
}

.action-bar .dropdown--small-menu ul.dropdown-menu.dropdown-menu li.disabled {
  cursor: default;
  color: #a5a5a5;
}

.action-bar .large-menu-cnt {
  display: none;
  gap: 20px;
  -ms-flex-align: center;
      align-items: center;
}

@media (max-width: 1689px) {
  .action-bar .large-menu-cnt {
    gap: 16px;
  }
}

.action-bar export-mail-button,
.action-bar export-button,
.action-bar api-call-button,
.action-bar apollo-feedback-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-align: center;
      align-items: center;
  line-height: 1;
  cursor: pointer;
}

.action-bar .large-menu-cnt export-mail-button,
.action-bar .large-menu-cnt export-button,
.action-bar .large-menu-cnt api-call-button,
.action-bar .large-menu-cnt apollo-feedback-button {
  gap: 4px;
}

.action-bar arrow-down-tray-icon,
.action-bar code-bracket-icon,
.action-bar share-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 1;
}

@media (min-width: 1100px) {
  .action-bar .dropdown {
    display: none;
  }

  .action-bar .large-menu-cnt {
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .action-bar annotation.small-media {
    display: none;
  }
}

annotation.small-media {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 10px;
}

annotation.small-media span.action-title {
  display: none;
}

@media (min-width: 1100px) and (max-width: 1300px) {
  .action-bar span.action-title {
    display: none;
  }
}

.modal-dialog {
  width: 100%;
}

.modal-content {
  border: none;
}

.modal-backdrop.in {
  opacity: 0.5;
}

.error-message {
  position: fixed;
  left: 0;
  top: 0;
  height: calc(100vh - 30px);
  width: 100vw;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.error-message > div {
  color: #222222;
  background-color: white;
  padding: 20px 20px;
  border-radius: 16px;
}

.dialogContent {
  position: absolute;
  color: #FFFFFF;
  text-align: center;
  border-radius: 5px;
  width: 100%;
}

.dialogContent .margin-large {
  margin: 10%;
}

.dialogContent .centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: 10% 0;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}

.dialogContent .centered .buttons {
  position: static;
  margin-top: 25px;
}

.dialogContent .contentHeader {
  font-size: 16px;
  font-weight: bold;
  color: #656565;
  margin-bottom: 20px;
}

.dialogContent .contentHeader .sub {
  font-weight: normal;
}

.dialogContent .groupListWrapper {
  display: inline-block;
  position: relative;
}

.dialogContent .groupListWrapper .et-lnk {
  position: absolute;
  top: -15px;
  right: 10px;
  font-size: 13px;
}

.dialogContent .groupListWrapper .groupList {
  border: 5px solid transparent;
}

.dialogContent .as-sortable-dragging {
  border: none;
}

.dialogContent .as-sortable-dragging .group {
  margin: 0;
}

.dialogContent .website-group {
  padding-bottom: 8px;
  height: 24px;
  text-align: center;
}

.dialogContent .website-group > label {
  display: none;
  position: relative;
  min-width: 148px;
}

.dialogContent .website-group > label .groupControl__indicator {
  position: absolute;
  right: 0;
  top: 1px;
}

.dialogContent .website-group > label input:checked ~ .groupControl__indicator_2 {
  right: 0;
  top: 1px;
}

.dialogContent .website-group > label input:not(:checked) ~ .groupControl__indicator_2 {
  right: 10px;
  top: 1px;
}

.dialogContent .website-group > label > span {
  font-size: 10px;
}

.dialogContent .website-group.visible > label {
  display: inline-block;
}

.dialogContent .buttons {
  position: absolute;
  left: 0;
  right: 0;
}

.dialogContent .buttons .btn.btn--dark.btn--secondary {
  margin-right: 5px;
}

.dialogContent .buttons.buttons--margin {
  margin-top: 20px;
}

.dialogContent .buttons.buttons--margin button {
  margin-right: 20px;
}

.dialogContent .buttons.buttons--relative {
  position: relative;
  margin: 5px;
}

.dialogContent .buttons .undo {
  width: 30px;
}

.dialogContent .buttons .undo:before {
  margin: 1px 0 0;
}

.dialogContent .buttons .save {
  width: 120px;
  margin-right: 10px;
}

.dialogContent .group {
  width: 306px;
  background-color: #333;
  float: left;
  border-radius: 10px;
  margin: 5px;
}

.dialogContent .as-sortable-placeholder {
  border: 1px dotted #979797;
  background-color: #333;
  opacity: 0.8;
  float: left;
  border-radius: 10px;
  margin: 5px;
}

.dialogContent .shadowTop {
  -webkit-box-shadow: inset 0 15px 0 0 rgba(30, 30, 30, 0.5);
          box-shadow: inset 0 15px 0 0 rgba(30, 30, 30, 0.5);
}

.dialogContent .shadowBoth {
  -webkit-box-shadow: inset 0 15px 0 0 rgba(30, 30, 30, 0.5), inset 0 -115px 0 -100px rgba(30, 30, 30, 0.5);
          box-shadow: inset 0 15px 0 0 rgba(30, 30, 30, 0.5), inset 0 -115px 0 -100px rgba(30, 30, 30, 0.5);
}

.dialogContent .shadowBottom {
  -webkit-box-shadow: inset 0 -115px 0 -100px rgba(30, 30, 30, 0.5);
          box-shadow: inset 0 -115px 0 -100px rgba(30, 30, 30, 0.5);
}

.dialogContent .keyFigures {
  background-color: #333;
  padding-top: 10px;
  border-right: 3px solid #1e1e1e;
  border-left: 3px solid #1e1e1e;
  border-bottom: 3px solid #1e1e1e;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.dialogContent .keyFigures li {
  float: left;
}

.dialogContent .dialogHeader {
  background-color: #1e1e1e;
  position: relative;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.dialogContent .dialogHeader .moveIcon {
  position: absolute;
  left: 19px;
  top: 16px;
  color: #888;
}

.dialogContent .dialogHeader h2 {
  font-size: 10px;
  letter-spacing: 0.5px;
  padding: 16px 0 8px;
}

.dialogContent .dialogHeader h2 span {
  font-weight: 600;
  letter-spacing: 0.7px;
}

.dialogContent .dialogKeyFigures {
  margin: 0 5px 6px -1px;
  padding-top: 7px;
  padding-left: 5px;
  border-left: 1px solid #1e1e1e;
  position: relative;
  overflow: hidden;
  height: 63px;
}

.dialogContent .dialogKeyFigures .moveIcon {
  left: 17px;
  top: 13px;
  color: #888;
}

.dialogContent .dialogKeyFigures h2 {
  font-size: 10px;
  letter-spacing: 0.5px;
  padding: 18px 0;
}

.dialogContent .dialogKeyFigures h2 span {
  font-weight: 600;
  letter-spacing: 0.7px;
}

.dialogContent .dialogKeyFigures label {
  width: 90px;
  color: #d0d0d0;
  font-weight: normal;
  font-size: 11px;
  white-space: normal;
}

.dialogContent .dialogKeyFigures label > .icon {
  vertical-align: -1px;
}

.dialogContent .dialogKeyFigures label.enable-false {
  color: #979797;
}

.dialogContent .dialogKeyFigures input {
  margin-top: 15px;
}

.dialogContent li {
  display: inline-block;
}

.dialogContent .keyFigureControl {
  position: relative;
  display: block;
}

.dialogContent .keyFigureControl input {
  opacity: 0;
  cursor: pointer;
}

.dialogContent .keyFigureControl .keyFigureControl__indicator {
  position: absolute;
  top: 18px;
  left: 38%;
  width: 20px;
  height: 20px;
  background: #FFFFFF;
  padding: 0;
  border: 3px solid #000;
  border-radius: 50%;
  cursor: pointer;
  margin-top: 10px;
}

.dialogContent .keyFigureControl .keyFigureControl__indicator:after {
  position: absolute;
  display: none;
  content: '';
  top: 2px;
  left: 4px;
  width: 5px;
  height: 8px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  border: solid #F24E1E;
  border-width: 0 2px 2px 0;
}

.dialogContent .keyFigureControl input:checked ~ .keyFigureControl__indicator:after {
  display: block;
}

.dialogContent .keyFigureControl input:not(:checked):hover ~ .keyFigureControl__indicator:after {
  display: block;
  border: solid #888;
  border-width: 0 2px 2px 0;
}

.dialogContent .keyFigureControl input:not(:checked) ~ .keyFigureControl__indicator {
  background: #333;
}

.dialogContent .keyFigureControl input:disabled ~ .keyFigureControl__indicator {
  background: #a5a5a5;
  cursor: default;
}

.dialogContent .keyFigureControl input:disabled ~ .keyFigureControl__indicator:after {
  border: 1px solid #333;
  border-width: 0 2px 2px 0;
}

.dialogContent .groupControl {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  min-width: 20px;
}

.dialogContent .groupControl input {
  position: absolute;
  opacity: 0;
}

.dialogContent .groupControl__indicator {
  position: absolute;
  right: 10px;
  top: 14px;
  width: 25px;
  height: 15px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4a5a), to(#f24e1e));
  background-image: -webkit-linear-gradient(top, #ff4a5a, #f24e1e);
  background-image: -o-linear-gradient(top, #ff4a5a, #f24e1e);
  background-image: linear-gradient(to bottom, #ff4a5a, #f24e1e);
  padding: 0;
  border: 2px solid #000;
  border-radius: 4px;
  cursor: pointer;
}

.dialogContent .groupControl__indicator_2 {
  position: absolute;
  width: 15px;
  height: 15px;
  padding: 0;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
}

.dialogContent .groupControl__indicator_2 .groupControl__indicator_circle {
  height: 100%;
  width: 100%;
  background: #FFFFFF;
}

.dialogContent input:checked ~ .groupControl__indicator_2 {
  right: 10px;
  top: 14px;
}

.dialogContent input:not(:checked) ~ .groupControl__indicator {
  background: #000;
}

.dialogContent input:not(:checked) ~ .groupControl__indicator_2 {
  position: absolute;
  right: 20px;
  top: 14px;
  border: 2px solid #000;
}

.dialogContent input:disabled ~ .groupControl__indicator {
  background: #a5a5a5;
  cursor: default;
}

.dialogContent input:disabled ~ .groupControl__indicator_2 {
  background: #a5a5a5;
  cursor: default;
  border: 2px solid #1e1e1e;
}

.keyfiguretablistcontainer .groupList {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  position: relative;
  margin-top: 10px;
  height: 250px;
  border: 5px solid transparent;
}

.keyfiguretablistcontainer .groupList .config-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  row-gap: 30px;
}

.keyfiguretablistcontainer .groupList .config-items .relative-switch {
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  padding: 32px 16px;
}

.keyfiguretablistcontainer .groupList .config-items .relative-switch .toggleControl {
  width: 36px;
  height: 14px;
  position: relative;
  display: inline-block;
  vertical-align: -3px;
  margin-left: 10px;
  margin-right: 10px;
}

.keyfiguretablistcontainer .groupList .config-items .relative-switch .action {
  cursor: pointer;
}

.keyfiguretablistcontainer .groupList .config-items .relative-switch > span + span {
  margin-left: 32px;
}

.keyfiguretablistcontainer .groupList .group {
  height: auto;
  width: auto;
}

.keyfiguretablistcontainer .groupList .group .dialogHeader h2 {
  font-size: 16px;
}

.keyfiguretablistcontainer .groupList .group .keyfiguretabs {
  height: auto;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
}

.keyfiguretablistcontainer .groupList .group .keyfiguretabs .keyfiguretabitem:not(:first-child) {
  border-left: 1px solid #1e1e1e;
}

.keyfiguretablistcontainer .groupList .group .keyfiguretabs .keyfiguretabitem {
  width: 120px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 5px;
  padding-top: 7px;
  padding-left: 5px;
  position: relative;
  overflow: visible;
  height: 120px;
}

.keyfiguretablistcontainer .groupList .group .keyfiguretabs .keyfiguretabitem .toggleControl {
  width: 36px;
  height: 14px;
}

.keyfiguretablistcontainer .groupList .group .keyfiguretabs .keyfiguretabitem .moveIcon {
  margin: 5px;
  vertical-align: middle;
}

.keyfiguretablistcontainer .groupList .group .keyfiguretabs .keyfiguretabitem h2 {
  font-size: 12px;
  letter-spacing: 0.5px;
  padding: 18px 0;
}

.keyfiguretablistcontainer .groupList .group .keyfiguretabs .keyfiguretabitem label {
  width: 90px;
  color: #d0d0d0;
  font-weight: normal;
  font-size: 11px;
  white-space: normal;
}

.keyfiguretablistcontainer .groupList .group .keyfiguretabs .keyfiguretabitem label.enable-false {
  color: #979797;
}

.keyfiguretablistcontainer .groupList .group .keyfiguretabs .keyfiguretabitem input {
  margin-top: 15px;
}

.keyfiguretablistcontainer .groupList .group .keyfiguretabs .keyfiguretabitem .as-sortable-placeholder {
  border: 1px dotted #979797;
  background-color: #333;
  opacity: 0.8;
  float: left;
  border-radius: 10px;
  margin: 5px;
}

.keyfiguretablistcontainer .groupList .group .keyfiguretabs .keyfiguretabitem .keyfiguretabitem_label {
  min-height: 70px;
  -ms-flex-preferred-size: 80%;
      flex-basis: 80%;
}

.keyfiguretablistcontainer .groupList .group .keyfiguretabs .keyfiguretabitem .keyfiguretabitem_toggle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
}

.keyfiguretablistcontainer .as-sortable-dragging,
.keyfiguretablistcontainer .as-sortable-drag {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  border: none;
  background-color: #333;
  border: 1px dotted #979797;
  border-radius: 10px;
  /* */
  /* */
}

.keyfiguretablistcontainer .as-sortable-dragging .keyfiguretabitem,
.keyfiguretablistcontainer .as-sortable-drag .keyfiguretabitem {
  margin: 0;
}

.keyfiguretablistcontainer .as-sortable-dragging .keyfiguretabitem .as-sortable-item-handle,
.keyfiguretablistcontainer .as-sortable-drag .keyfiguretabitem .as-sortable-item-handle {
  width: 120px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 5px;
  padding-top: 7px;
  position: relative;
  overflow: hidden;
}

.keyfiguretablistcontainer .as-sortable-dragging .keyfiguretabitem .as-sortable-item-handle .keyfiguretabitem_label,
.keyfiguretablistcontainer .as-sortable-drag .keyfiguretabitem .as-sortable-item-handle .keyfiguretabitem_label {
  min-height: 70px;
  -ms-flex-preferred-size: 80%;
      flex-basis: 80%;
}

.keyfiguretablistcontainer .as-sortable-dragging .keyfiguretabitem .as-sortable-item-handle .keyfiguretabitem_toggle,
.keyfiguretablistcontainer .as-sortable-drag .keyfiguretabitem .as-sortable-item-handle .keyfiguretabitem_toggle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
}

.keyfiguretablistcontainer .as-sortable-dragging .keyfiguretabitem .toggleControl,
.keyfiguretablistcontainer .as-sortable-drag .keyfiguretabitem .toggleControl {
  width: 36px;
  height: 14px;
}

.keyfiguretablistcontainer .as-sortable-dragging .keyfiguretabitem .moveIcon,
.keyfiguretablistcontainer .as-sortable-drag .keyfiguretabitem .moveIcon {
  vertical-align: middle;
}

.keyfiguretablistcontainer .as-sortable-dragging .keyfiguretabitem h2,
.keyfiguretablistcontainer .as-sortable-drag .keyfiguretabitem h2 {
  font-size: 12px;
  letter-spacing: 0.5px;
  padding: 18px 0;
}

.keyfiguretablistcontainer .as-sortable-dragging .keyfiguretabitem label,
.keyfiguretablistcontainer .as-sortable-drag .keyfiguretabitem label {
  width: 90px;
  color: #d0d0d0;
  font-weight: normal;
  font-size: 11px;
  white-space: normal;
}

.keyfiguretablistcontainer .as-sortable-dragging .keyfiguretabitem label.enable-false,
.keyfiguretablistcontainer .as-sortable-drag .keyfiguretabitem label.enable-false {
  color: #979797;
}

.keyfiguretablistcontainer .as-sortable-dragging .keyfiguretabitem input,
.keyfiguretablistcontainer .as-sortable-drag .keyfiguretabitem input {
  margin-top: 15px;
}

.keyfiguretablistcontainer .toggleControl__indicator_2 {
  width: 14px;
}

.keyfiguretablistcontainer input:checked ~ .toggleControl__indicator_2 {
  left: calc(100% - 14px);
  top: 0;
}

@media (max-width: 1023px) {
  .keyfiguretablistcontainer .groupList {
    height: auto;
  }

  .keyfiguretablistcontainer .groupList .group .dialogHeader h2 {
    padding: 16px;
  }

  .keyfiguretablistcontainer .groupList .group .keyfiguretabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
  }

  .keyfiguretablistcontainer .groupList .group .keyfiguretabs .keyfiguretabitem:not(:first-child) {
    border-left: none;
    border-top: 1px solid #1e1e1e;
  }
}

.dialog__save {
  display: inline-block;
}

/* REPORT SET BEGIN */

create-report-set {
  width: 100%;
}

.edit-report-set {
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
  margin-bottom: -100px;
}

.edit-report-set .header {
  padding-bottom: 31px;
  background-color: #fafafa;
  margin: 0 0 20px;
}

.edit-report-set .header .title-report {
  font-weight: normal;
  margin: 0 0 11px;
  float: none;
}

.edit-report-set .header .form-steps .step {
  float: left;
  margin-right: 55px;
  margin-top: 2px;
}

.edit-report-set .header .form-steps .step:last-child {
  margin-right: 0;
}

.edit-report-set .header .form-steps .step .step-number {
  font-size: 10px;
  text-align: center;
  display: block;
  float: left;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  line-height: 18px;
  color: #a5a5a5;
  background-color: #f5f5f5;
  border: 1px solid #e1e1e1;
  margin-right: 9px;
  position: relative;
}

.edit-report-set .header .form-steps .step .step-number:before {
  width: 40px;
  height: 1px;
  background-color: #e6e6e6;
  content: "";
  left: -51px;
  top: 9px;
  position: absolute;
}

.edit-report-set .header .form-steps .step .step-text {
  display: block;
  float: left;
  line-height: 20px;
  font-size: 13px;
  color: #a5a5a5;
}

.edit-report-set .header .form-steps .step:first-child .step-number:before {
  display: none;
}

.edit-report-set .header .form-steps .step.active .step-text {
  color: #151515;
  font-weight: bold;
}

.edit-report-set .header .form-steps .step.active .step-number {
  color: #FFFFFF;
  background-color: #F24E1E;
  font-weight: bold;
  border: 1px solid transparent;
}

.edit-report-set .header .form-steps .step.active .step-number:after {
  height: 24px;
  width: 24px;
  position: absolute;
  top: -3px;
  left: -3px;
  content: "";
  background-color: transparent;
  border: 2px solid #e1e1e1;
  border-radius: 50%;
}

.edit-report-set .content-cnt {
  width: 75%;
  max-width: calc(100% - 250px);
  min-width: calc(100% - 400px);
  float: left;
}

.edit-report-set .content-cnt .report-item .big-warning-icon {
  font-size: 20px;
  position: relative;
  top: 11px;
  margin-left: 5px;
  color: #F24E1E;
}

.edit-report-set .content-cnt .report-item .tooltip-keyfigure-warning {
  width: 280px;
}

.edit-report-set .content-cnt .report-item .tooltip-keyfigure-warning .tooltip-inner {
  max-width: 280px;
}

.edit-report-set .sidebar-cnt {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.edit-report-set .sidebar-cnt .form-sidebar-right {
  background-color: #000;
  min-width: 250px;
  max-width: 400px;
  height: 100%;
}

.edit-report-set .sidebar-cnt .form-sidebar-right .config-view-cnt {
  background-color: #151515;
  width: 100%;
  padding: 43px 0 23px;
  margin: 0 0 22px;
}

.edit-report-set .sidebar-cnt .form-sidebar-right .config-view-cnt .config-view-block {
  padding: 19px 10px 13px;
  overflow: hidden;
  margin-left: 10px;
  width: calc(100% - 20px);
  border-bottom: 1px solid #000;
}

.edit-report-set .sidebar-cnt .form-sidebar-right .config-view-cnt .config-view-block h2 {
  font-size: 15px;
  color: #FFFFFF;
  margin: 0 0 22px;
}

.edit-report-set .sidebar-cnt .form-sidebar-right .config-view-cnt .config-view-block h3 {
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.5px;
  color: #888;
  text-transform: uppercase;
  margin: 0 0 9px;
}

.edit-report-set .sidebar-cnt .form-sidebar-right .config-view-cnt .config-view-block .config-view-item {
  font-size: 13px;
  color: #888;
  margin: 0 0 7px;
}

.edit-report-set .sidebar-cnt .form-sidebar-right .config-view-cnt .config-view-block .config-view-item .my-selection {
  color: #FFFFFF;
}

.edit-report-set .sidebar-cnt .form-sidebar-right .config-view-cnt .config-view-block:last-child {
  border-bottom: none;
}

.edit-report-set .sidebar-cnt .form-sidebar-right .config-view-cnt .config-view-block.config-view-block-report.selected {
  padding: 19px 2px 13px 8px;
}

.edit-report-set .sidebar-cnt .form-sidebar-right .config-view-cnt .config-view-block.config-view-block-report.selected h3 {
  margin: 0 0 14px;
}

.edit-report-set .sidebar-cnt .form-sidebar-right .btn-cnt {
  padding: 0 20px;
  margin: 0 0 15px;
}

.edit-report-set .sidebar-cnt .form-sidebar-right .btn-cnt .et-btn__wrapper {
  display: block;
}

.edit-report-set .sidebar-cnt .form-sidebar-right .btn-cnt .et-btn.back-btn {
  float: left;
  width: 33%;
  min-width: 70px;
  position: relative;
  font-size: 14px;
}

.edit-report-set .sidebar-cnt .form-sidebar-right .btn-cnt .et-btn.back-btn i:before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.edit-report-set .sidebar-cnt .form-sidebar-right .btn-cnt .et-btn.create-btn {
  float: right;
  width: calc(67% - 10px);
  max-width: calc(100% - 80px);
}

.edit-report-set .sidebar-cnt .form-sidebar-right .save-config {
  font-size: 13px;
  color: #888;
  text-decoration: underline;
  margin: 0 0 0 20px;
  cursor: pointer;
  line-height: 50px;
}

/* REPORT SET END */

/* SELECT REPORT START */

.edit-report-set .inner {
  padding: 0 25px;
}

.edit-report-set .inner .et-input {
  height: 50px;
  line-height: 50px;
}

.edit-report-set .report-selection-menu {
  width: 100%;
  height: 60px;
  background-color: #f5f5f5;
  border: #e1e1e1 1px solid;
  border-radius: 4px;
  margin-bottom: 39px;
}

.edit-report-set .report-selection-menu ul li {
  float: left;
  text-align: center;
  font-size: 13px;
  color: #a5a5a5;
  line-height: 58px;
  width: calc(100% / 6);
  position: relative;
  cursor: pointer;
}

.edit-report-set .report-selection-menu ul li:before {
  background-color: #e1e1e1;
  content: "";
  height: calc(100% - 20px);
  right: 0;
  position: absolute;
  top: 10px;
  width: 1px;
}

.edit-report-set .report-selection-menu ul li:last-child:before {
  display: none;
}

.edit-report-set .report-selection-menu ul li.active {
  color: #151515;
}

.edit-report-set .report-selection-menu ul li.active:after {
  background-color: #f5f5f5;
  border-bottom: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
  content: "";
  height: 12px;
  left: 50%;
  margin-left: -6px;
  position: absolute;
  bottom: -7px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 12px;
}

.edit-report-set .report-selection-menu ul li.active span {
  color: #F24E1E;
  font-weight: 600;
}

.edit-report-set .block {
  position: relative;
  padding-top: 34px;
  margin-bottom: 59px;
}

.edit-report-set .block header {
  font-size: 11px;
  color: #656565;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 0 15px;
  margin-bottom: 10px;
}

.edit-report-set .block .report-item {
  font-size: 13px;
  color: #151515;
  background-color: #fafafa;
  height: 50px;
  padding: 0 15px;
  margin-bottom: 10px;
}

.edit-report-set .block .report-item:last-child {
  margin-bottom: 0;
  min-width: 620px;
}

.edit-report-set .block .report-item .button-col,
.edit-report-set .block .report-item .config-col,
.edit-report-set .block .report-item .data-records-col,
.edit-report-set .block .report-item .report-col,
.edit-report-set .block header .button-col,
.edit-report-set .block header .config-col,
.edit-report-set .block header .data-records-col,
.edit-report-set .block header .report-col {
  margin-right: 30px;
  float: left;
  min-height: 1px;
}

.edit-report-set .block .report-item .report-col,
.edit-report-set .block header .report-col {
  min-width: 120px;
  width: 20%;
}

.edit-report-set .block .report-item .config-col,
.edit-report-set .block header .config-col {
  min-width: 160px;
  width: 25%;
}

@media (min-width: 1366px) {
  .edit-report-set .block .report-item .config-col,
  .edit-report-set .block header .config-col {
    min-width: 280px;
  }
}

.edit-report-set .block .report-item .data-records-col,
.edit-report-set .block header .data-records-col {
  min-width: 90px;
  width: 16%;
}

.edit-report-set .block .report-item .button-col,
.edit-report-set .block header .button-col {
  width: 100px;
  float: right;
  margin-right: 0;
}

.edit-report-set .block .report-item .button-col .et-btn,
.edit-report-set .block header .button-col .et-btn {
  float: right;
  margin-top: 10px;
}

.edit-report-set .block .report-item .dropdown .dropdown-menu li a span {
  display: inline-block;
}

.edit-report-set .block .report-item .dropdown .dropdown-menu li a span.icon::before {
  position: relative;
}

.edit-report-set .block .report-item .report-col {
  line-height: 50px;
  white-space: nowrap;
}

.edit-report-set .block .report-item .config-col .dropdown,
.edit-report-set .block .report-item .data-records-col .dropdown {
  margin-top: 10px;
}

.edit-report-set .block .report-item .config-col .dropdown .dropdown-toggle span,
.edit-report-set .block .report-item .data-records-col .dropdown .dropdown-toggle span {
  display: inline-block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  max-width: calc(100% - 25px);
  text-align: left;
  white-space: nowrap;
}

.edit-report-set .block .report-item .config-col .dropdown button[disabled] .icon,
.edit-report-set .block .report-item .data-records-col .dropdown button[disabled] .icon {
  color: #c2c3c3;
}

.edit-report-set .block .report-item .config-col .dropdown:hover button[disabled] .icon,
.edit-report-set .block .report-item .data-records-col .dropdown:hover button[disabled] .icon {
  color: #c2c3c3;
}

.edit-report-set .block .report-item .config-col .dropdown button {
  min-width: 114px;
  max-width: 170px;
}

.edit-report-set .block .report-item .data-records-col .dropdown button {
  width: 90px;
}

.edit-report-set .block .et-btn--as-checkbox {
  width: 150px;
  height: 50px;
}

.edit-report-set .block .et-btn--as-checkbox span {
  display: inline-block;
  float: left;
  margin-top: 3px;
}

.edit-report-set .block .et-btn--as-checkbox.et-radio--light input[type=radio] + label {
  float: right;
  margin-top: 7px;
}

.edit-report-set .block .type-selection {
  width: 300px;
}

.edit-report-set .block .type-selection.left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.edit-report-set .block .type-selection.right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.edit-report-set .block .type-selection span {
  width: 220px;
  text-align: left;
  line-height: 19px;
}

.edit-report-set .block--named {
  border-top: 1px #e6e6e6 solid;
}

.edit-report-set .block--named h4 {
  color: #9e9e9e;
  font-size: 11px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-weight: 600;
  z-index: 3;
  background-color: #FFFFFF;
  position: absolute;
  display: inline-block;
  top: -7px;
  padding: 0 10px 0 5px;
}

.finalize {
  cursor: pointer;
  font-weight: normal;
}

.draft {
  color: #888;
}

.not_disabled {
  color: #000 !important;
}

/* SELECT REPORT END */

/*RESPONSIVE START*/

@media (min-width: 1480px) {
  .edit-report-set .block .report-item .config-col .dropdown button {
    max-width: 210px;
  }
}

/*
    @license
    Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
    This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
    The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
    The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
    Code distributed by Google as part of the polymer project is also
    subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 */

/**************************/

/* STYLES FOR THE SPINNER */

/**************************/

/*
 * Constants:
 *      STROKEWIDTH = 3px
 *      ARCSIZE     = 270 degrees (amount of circle the arc takes up)
 *      ARCTIME     = 1333ms (time it takes to expand and contract arc)
 *      ARCSTARTROT = 216 degrees (how much the start location of the arc
 *                                should rotate each time, 216 gives us a
 *                                5 pointed star shape (it's 360/5 * 3).
 *                                For a 7 pointed star, we might do
 *                                360/7 * 3 = 154.286)
 *      CONTAINERWIDTH = 28px
 *      SHRINK_TIME = 400ms
 */

.preloader-wrapper {
  display: inline-block;
  position: relative;
  width: 48px;
  height: 48px;
}

.preloader-wrapper.small {
  width: 20px;
  height: 20px;
}

.preloader-wrapper.big {
  width: 40px;
  height: 40px;
}

.preloader-wrapper.active {
  /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
  -webkit-animation: container-rotate 1568ms linear infinite;
  animation: container-rotate 1568ms linear infinite;
}

@-webkit-keyframes container-rotate {
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes container-rotate {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.spinner-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-color: #f24e1e;
}

.spinner-blue,
.spinner-blue-only {
  border-color: #4285f4;
}

.spinner-red,
.spinner-red-only {
  border-color: #db4437;
}

.spinner-yellow,
.spinner-yellow-only {
  border-color: #f4b400;
}

.spinner-green,
.spinner-green-only {
  border-color: #0f9d58;
}

/**
 * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
 *
 * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
 * guarantee that the animation will start _exactly_ after that value. So we avoid using
 * animation-delay and instead set custom keyframes for each color (as redundant as it
 * seems).
 *
 * We write out each animation in full (instead of separating animation-name,
 * animation-duration, etc.) because under the polyfill, Safari does not recognize those
 * specific properties properly, treats them as -webkit-animation, and overrides the
 * other animation rules. See https://github.com/Polymer/platform/issues/53.
 */

.active .spinner-layer.spinner-blue {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer.spinner-red {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer.spinner-yellow {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer.spinner-green {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer,
.active .spinner-layer.spinner-blue-only,
.active .spinner-layer.spinner-red-only,
.active .spinner-layer.spinner-yellow-only,
.active .spinner-layer.spinner-green-only {
  /* durations: 4 * ARCTIME */
  opacity: 1;
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
  }

  /* 0.5 * ARCSIZE */
  25% {
    -webkit-transform: rotate(270deg);
  }

  /* 1   * ARCSIZE */
  37.5% {
    -webkit-transform: rotate(405deg);
  }

  /* 1.5 * ARCSIZE */
  50% {
    -webkit-transform: rotate(540deg);
  }

  /* 2   * ARCSIZE */
  62.5% {
    -webkit-transform: rotate(675deg);
  }

  /* 2.5 * ARCSIZE */
  75% {
    -webkit-transform: rotate(810deg);
  }

  /* 3   * ARCSIZE */
  87.5% {
    -webkit-transform: rotate(945deg);
  }

  /* 3.5 * ARCSIZE */
  to {
    -webkit-transform: rotate(1080deg);
  }

  /* 4   * ARCSIZE */}

@keyframes fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }

  /* 0.5 * ARCSIZE */
  25% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }

  /* 1   * ARCSIZE */
  37.5% {
    -webkit-transform: rotate(405deg);
            transform: rotate(405deg);
  }

  /* 1.5 * ARCSIZE */
  50% {
    -webkit-transform: rotate(540deg);
            transform: rotate(540deg);
  }

  /* 2   * ARCSIZE */
  62.5% {
    -webkit-transform: rotate(675deg);
            transform: rotate(675deg);
  }

  /* 2.5 * ARCSIZE */
  75% {
    -webkit-transform: rotate(810deg);
            transform: rotate(810deg);
  }

  /* 3   * ARCSIZE */
  87.5% {
    -webkit-transform: rotate(945deg);
            transform: rotate(945deg);
  }

  /* 3.5 * ARCSIZE */
  to {
    -webkit-transform: rotate(1080deg);
            transform: rotate(1080deg);
  }

  /* 4   * ARCSIZE */}

@-webkit-keyframes blue-fade-in-out {
  from {
    opacity: 1;
  }

  25% {
    opacity: 1;
  }

  26% {
    opacity: 0;
  }

  89% {
    opacity: 0;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes blue-fade-in-out {
  from {
    opacity: 1;
  }

  25% {
    opacity: 1;
  }

  26% {
    opacity: 0;
  }

  89% {
    opacity: 0;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes red-fade-in-out {
  from {
    opacity: 0;
  }

  15% {
    opacity: 0;
  }

  25% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  51% {
    opacity: 0;
  }
}

@keyframes red-fade-in-out {
  from {
    opacity: 0;
  }

  15% {
    opacity: 0;
  }

  25% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  51% {
    opacity: 0;
  }
}

@-webkit-keyframes yellow-fade-in-out {
  from {
    opacity: 0;
  }

  40% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  75% {
    opacity: 1;
  }

  76% {
    opacity: 0;
  }
}

@keyframes yellow-fade-in-out {
  from {
    opacity: 0;
  }

  40% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  75% {
    opacity: 1;
  }

  76% {
    opacity: 0;
  }
}

@-webkit-keyframes green-fade-in-out {
  from {
    opacity: 0;
  }

  65% {
    opacity: 0;
  }

  75% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes green-fade-in-out {
  from {
    opacity: 0;
  }

  65% {
    opacity: 0;
  }

  75% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/**
 * Patch the gap that appear between the two adjacent div.circle-clipper while the
 * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
 */

.gap-patch {
  position: absolute;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}

.gap-patch .circle {
  width: 1000%;
  left: -450%;
}

.circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}

.circle-clipper .circle {
  width: 200%;
  height: 100%;
  border-width: 3px;
  /* STROKEWIDTH */
  border-style: solid;
  border-color: inherit;
  border-bottom-color: transparent !important;
  border-radius: 50%;
  -webkit-animation: none;
  animation: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.circle-clipper.left .circle {
  left: 0;
  border-right-color: transparent !important;
  -webkit-transform: rotate(129deg);
  -ms-transform: rotate(129deg);
      transform: rotate(129deg);
}

.circle-clipper.right .circle {
  left: -100%;
  border-left-color: transparent !important;
  -webkit-transform: rotate(-129deg);
  -ms-transform: rotate(-129deg);
      transform: rotate(-129deg);
}

.active .circle-clipper.left .circle {
  /* duration: ARCTIME */
  -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .circle-clipper.right .circle {
  /* duration: ARCTIME */
  -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes left-spin {
  from {
    -webkit-transform: rotate(130deg);
  }

  50% {
    -webkit-transform: rotate(-5deg);
  }

  to {
    -webkit-transform: rotate(130deg);
  }
}

@keyframes left-spin {
  from {
    -webkit-transform: rotate(130deg);
            transform: rotate(130deg);
  }

  50% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }

  to {
    -webkit-transform: rotate(130deg);
            transform: rotate(130deg);
  }
}

@-webkit-keyframes right-spin {
  from {
    -webkit-transform: rotate(-130deg);
  }

  50% {
    -webkit-transform: rotate(5deg);
  }

  to {
    -webkit-transform: rotate(-130deg);
  }
}

@keyframes right-spin {
  from {
    -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg);
  }

  50% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }

  to {
    -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg);
  }
}

#spinnerContainer.cooldown {
  /* duration: SHRINK_TIME */
  -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
  animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

@-webkit-keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.apollo-settings {
  padding: 18px 25px 0;
  color: #3d3d3d;
  line-height: 1.9;
  font-size: 14px;
  width: 100%;
  height: 100%;
}

.apollo-settings h1 {
  font-size: 25px;
  margin-bottom: 35px;
}

.apollo-settings h2 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 25px;
}

.apollo-settings h3 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 18px;
}

.apollo-settings p {
  margin-bottom: 35px;
}

.apollo-settings input[type="checkbox"] {
  margin-top: 2px;
  outline: none;
}

.apollo-settings p.link {
  position: relative;
  margin-bottom: 18px;
}

.apollo-settings p.link:last-child {
  margin-bottom: 0;
}

.apollo-settings p.link:before {
  left: 0;
  font-size: 22px;
}

.apollo-settings p.link a {
  margin-left: 30px;
}

.apollo-settings .title-group .new-item {
  vertical-align: 5px;
}

.apollo-settings .icon-cnt {
  text-align: right;
}

.apollo-settings .icon-cnt .et-btn {
  margin-left: 10px;
}

.apollo-settings fieldset {
  margin-bottom: 35px;
}

.apollo-settings fieldset .input-row {
  margin-bottom: 35px;
}

.apollo-settings fieldset .input-row.newsletter {
  margin-bottom: 65px;
}

.apollo-settings fieldset .input-row:last-child {
  margin-bottom: 0;
}

.apollo-settings fieldset .input-row .input-cnt {
  float: left;
  margin-right: 35px;
}

.apollo-settings fieldset .input-row .input-cnt .et-input__zip {
  width: 90px;
}

.apollo-settings fieldset .input-row .input-cnt .et-input__city {
  width: 175px;
}

.apollo-settings fieldset .input-row .input-cnt:last-child {
  margin-right: 0;
}

.apollo-settings fieldset .input-row .space {
  margin-bottom: 50px;
}

.apollo-settings .settings-block {
  padding: 35px 0 33px;
  border-bottom: 1px dashed #d0d0d0;
  display: block;
}

.apollo-settings .settings-block:last-child {
  border-bottom: none;
}

.apollo-settings .settings-block .et-input {
  border-width: 1px;
}

.apollo-settings .settings-block *[class^=col-sm-] {
  padding: 0;
}

.apollo-settings .settings-block label span {
  margin-left: 10px;
  vertical-align: middle;
}

.apollo-settings .settings-block .box {
  background-color: #e6e6e6;
  margin: 0 0 25px;
  border-radius: 5px;
  padding: 25px;
}

.apollo-settings .settings-block .box--danger {
  background-color: #c71000;
  color: #FFFFFF;
  border-left-color: #c71000;
  border-right-color: #c71000;
}

.apollo-settings .settings-block .box:last-child {
  margin-bottom: 0;
}

.apollo-settings .settings-block .editor__row .tooltip-text-warning {
  width: auto;
  max-width: 450px;
}

.apollo-settings .settings-block .editor__row .tooltip-text-warning .tooltip-inner {
  max-width: 450px;
}

.apollo-settings .settings-block .password-info-container {
  margin-top: 41px;
  margin-left: 10px;
  width: 20px;
  height: 20px;
  border: solid 1px #000;
  text-align: center;
  border-radius: 50px;
  line-height: 17px;
  font-size: 13px;
  cursor: pointer;
}

.apollo-settings .settings-block .password-info-container > i {
  font-style: normal;
}

.apollo-settings .settings-block .password-tooltip:not(.password-error) {
  width: auto;
}

.apollo-settings .settings-block .password-tooltip:not(.password-error) ul {
  padding-left: 15px;
}

.apollo-settings .settings-block .password-tooltip:not(.password-error) li {
  margin-top: 10px;
}

.apollo-settings .settings-block .password-tooltip:not(.password-error) .tooltip-inner {
  max-width: 240px;
}

.apollo-settings .settings-block .personal-settings .company-address-container:disabled .et-input {
  color: #a5a5a5;
}

.apollo-settings .settings-block .personal-settings .required-note {
  color: #01d8dd;
}

.apollo-settings .settings-block .personal-settings .change-done {
  float: right;
  margin-right: 20px;
  margin-top: 5px;
  font-weight: bold;
}

.apollo-settings .settings-block .qrcode > img {
  margin-top: -20px;
}

.apollo-settings .settings-block a {
  color: #F24E1E;
  cursor: pointer;
}

.settings-block.closable .title-group {
  cursor: pointer;
  margin-bottom: 0;
  -webkit-transition: margin-bottom 400ms ease-in-out;
  -o-transition: margin-bottom 400ms ease-in-out;
  transition: margin-bottom 400ms ease-in-out;
}

.settings-block.closable .title-group.active {
  margin-bottom: 25px;
}

.settings-block.closable .title-group span.icon {
  color: #01d8dd;
  display: inline-block;
  font-size: 20px;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: transform 400ms ease-in-out;
  -o-transition: transform 400ms ease-in-out;
  -webkit-transition: -webkit-transform 400ms ease-in-out;
  transition: -webkit-transform 400ms ease-in-out;
  transition: transform 400ms ease-in-out;
  transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
}

.settings-block.closable .title-group.active span.icon {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.settings-block.closable .settings-block {
  padding: 25px 0 23px;
}

.settings-block.closable .settings-block.closable .title-group span.icon {
  font-size: 14px;
  margin-right: 8px;
}

.settings-block.closable .content {
  display: block;
  -webkit-transition: max-height 400ms ease-in;
  -o-transition: max-height 400ms ease-in;
  transition: max-height 400ms ease-in;
  /* Change the max-heights below to fit the content of each section */
  /* SIGNET START */
  /* SIGNET END */
}

.settings-block.closable .content:not(.open),
.settings-block.closable .content.ng-animate {
  overflow-y: hidden;
}

.settings-block.closable .content:not(.open) .tooltip-dark,
.settings-block.closable .content.ng-animate .tooltip-dark {
  display: none;
}

.settings-block.closable .content .row {
  margin-bottom: 12px;
}

.settings-block.closable .content .row .header {
  margin: 35px 0 0;
  padding: 0;
}

.settings-block.closable .content .column {
  display: inline-block;
}

.settings-block.closable .content.licence.open {
  max-height: 500px;
}

.settings-block.closable .content.payment-options.open {
  max-height: 750px;
}

.settings-block.closable .content.invoices.open {
  max-height: 2000px;
}

.settings-block.closable .content.timezone.open {
  max-height: 240px;
}

.settings-block.closable .content.timezone.open:not(.ng-animate) {
  overflow: visible;
}

.settings-block.closable .content.account {
  padding-left: 20px;
}

.settings-block.closable .content.account.open {
  max-height: 500px;
}

.settings-block.closable .content.key.open {
  max-height: 400px;
}

.settings-block.closable .content.account-name .option {
  display: -ms-flexbox;
  display: flex;
  margin: 35px 0 16px;
  -ms-flex-align: center;
      align-items: center;
}

.settings-block.closable .content.account-name .info {
  margin-left: 10px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 14px;
  height: 14px;
  border-radius: 14px;
  color: #919191;
  border: 1px solid #919191;
  font-size: 10px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.settings-block.closable .content.account-name.open {
  max-height: 400px;
}

.settings-block.closable .content.account-name.open .column {
  padding-left: 2px;
}

.settings-block.closable .content.get-params-whitelist.open {
  max-height: 720px;
}

.settings-block.closable .content label {
  cursor: pointer;
}

.settings-block.closable .content label input[type="checkbox"],
.settings-block.closable .content label input[type="radio"] {
  margin-bottom: 2px;
  margin-left: 2px;
}

.settings-block.closable .content label span {
  margin-left: 10px;
  vertical-align: middle;
}

.settings-block.closable .content.custom-segments .custom-segments-cnt {
  margin-bottom: 35px;
}

.settings-block.closable .content.custom-segments .preloading {
  background: transparent;
  top: auto;
}

.settings-block.closable .content.custom-segments .preloading > * {
  margin-top: 130px;
}

.settings-block.closable .content.custom-segments .add-segment-cnt {
  margin-bottom: 20px;
}

.settings-block.closable .content.custom-segments .add-segment-cnt .column--segment-name {
  width: 250px;
}

.settings-block.closable .content.custom-segments .add-segment-cnt .column--segment-name .et-input {
  width: 100%;
}

.settings-block.closable .content.custom-segments .add-segment-cnt .column--segment-type {
  width: 180px;
}

.settings-block.closable .content.custom-segments .add-segment-cnt .column--segment-type > * {
  margin-left: 30px;
}

.settings-block.closable .content.custom-segments .add-segment-cnt .column--file-upload {
  width: 300px;
}

.settings-block.closable .content.custom-segments .add-segment-cnt .column--file-upload > * {
  margin-left: 30px;
}

.settings-block.closable .content.custom-segments .no-add-cnt {
  color: #a5a5a5;
  text-align: center;
  font-size: 16px;
  margin-top: 40px;
}

.settings-block.closable .content.custom-segments .edit-cnt {
  background-color: #a5a5a5;
}

.settings-block.closable .content.ecommerce-variants.open,
.settings-block.closable .content.campaign-segments.open,
.settings-block.closable .content.area-names.open {
  max-height: 800px;
}

.settings-block.closable .content.ecommerce-variants .preloading,
.settings-block.closable .content.campaign-segments .preloading,
.settings-block.closable .content.area-names .preloading {
  background: transparent;
  top: auto;
}

.settings-block.closable .content.ecommerce-variants .preloading > *,
.settings-block.closable .content.campaign-segments .preloading > *,
.settings-block.closable .content.area-names .preloading > * {
  margin-top: 130px;
}

.settings-block.closable .content.ecommerce-variants .campaign-segments__placeholder,
.settings-block.closable .content.campaign-segments .campaign-segments__placeholder,
.settings-block.closable .content.area-names .campaign-segments__placeholder {
  height: 260px;
}

.settings-block.closable .content.ecommerce-variants .column--campaign-segment,
.settings-block.closable .content.campaign-segments .column--campaign-segment,
.settings-block.closable .content.area-names .column--campaign-segment {
  width: 140px;
}

.settings-block.closable .content.ecommerce-variants .column--ecommerce-variant,
.settings-block.closable .content.campaign-segments .column--ecommerce-variant,
.settings-block.closable .content.area-names .column--ecommerce-variant {
  width: 180px;
}

.settings-block.closable .content.ecommerce-variants .column--area-name,
.settings-block.closable .content.campaign-segments .column--area-name,
.settings-block.closable .content.area-names .column--area-name {
  width: 80px;
}

.settings-block.closable .content.ecommerce-variants .column--name,
.settings-block.closable .content.campaign-segments .column--name,
.settings-block.closable .content.area-names .column--name {
  width: 250px;
  margin-left: 30px;
}

.settings-block.closable .content.ecommerce-variants .column--name .et-input,
.settings-block.closable .content.campaign-segments .column--name .et-input,
.settings-block.closable .content.area-names .column--name .et-input {
  width: 100%;
}

.settings-block.closable .content.ecommerce-variants .column--default-name,
.settings-block.closable .content.campaign-segments .column--default-name,
.settings-block.closable .content.area-names .column--default-name {
  width: 250px;
  margin-left: 30px;
}

.settings-block.closable .content.ecommerce-variants .column--default-name .reset-link,
.settings-block.closable .content.campaign-segments .column--default-name .reset-link,
.settings-block.closable .content.area-names .column--default-name .reset-link {
  text-decoration: underline;
  cursor: pointer;
  color: #656565;
}

.settings-block.closable .content.ecommerce-variants .column--default-name .reset-link:hover,
.settings-block.closable .content.campaign-segments .column--default-name .reset-link:hover,
.settings-block.closable .content.area-names .column--default-name .reset-link:hover {
  color: inherit;
}

.settings-block.closable .content.autoEventTracking label {
  line-height: 38px;
  display: block;
}

.settings-block.closable .content.autoCampaignMapping.open {
  max-height: 300px;
}

.settings-block.closable .content.autoCampaignMapping label {
  line-height: 38px;
}

.settings-block.closable .content.auto-page-name-registration.open {
  max-height: 500px;
}

.settings-block.closable .content.dateFilter {
  padding-left: 20px;
}

.settings-block.closable .content.dateFilter.open {
  max-height: 5000px;
}

.settings-block.closable .content.dateFilter .domain-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  background-color: #F24E1E;
  color: #FFFFFF;
  height: 56px;
  padding: 8px 16px;
  border-radius: 2px;
}

.settings-block.closable .content.dateFilter .domain-warning + div {
  padding: 8px;
}

.settings-block.closable .content.dateFilter .domain-warning apollo-button + apollo-button {
  margin-left: 16px;
}

.settings-block.closable .content.autoTracking {
  padding-left: 20px;
}

.settings-block.closable .content.autoTracking.open {
  max-height: 1400px;
}

.settings-block.closable .content.dateEnrichment {
  padding-left: 20px;
}

.settings-block.closable .content.dateEnrichment.open {
  max-height: 2000px;
}

.settings-block.closable .content.data-protection-c-n-i-l.open {
  max-height: 500px;
}

.settings-block.closable .content.data-protection.open {
  max-height: 500px;
}

.settings-block.closable .content.ipfilter.open {
  max-height: 700px;
}

.settings-block.closable .content.ipfilter.open .et-input {
  width: calc(100% - 300px);
}

.settings-block.closable .content.opt-in .cancellation-option {
  clear: both;
  padding-top: 20px;
}

.settings-block.closable .content.opt-in .cancellation-option .separating-line-header {
  margin-bottom: 20px;
}

.settings-block.closable .content.opt-in .custom-opt-in-text p {
  margin: 15px 0 15px 20px;
}

.settings-block.closable .content.opt-in .custom-opt-in-text span {
  font-weight: bold;
  font-family: monospace;
}

.settings-block.closable .content.opt-in .green {
  color: #01d8dd;
}

.settings-block.closable .content.opt-in .optInChoices.disabled > label {
  color: #888;
  cursor: default;
}

.settings-block.closable .content.opt-in .optInChoices > label {
  display: block;
  margin-left: 23px;
  font-weight: normal;
}

.settings-block.closable .content.opt-in .link {
  margin-bottom: 35px;
}

.settings-block.closable .content.opt-in.open {
  max-height: 3200px;
}

.settings-block.closable .content.opt-in label.toggleControl {
  display: inline-block;
  vertical-align: middle;
}

.settings-block.closable .content.opt-in a {
  color: #F24E1E;
  cursor: pointer;
}

.settings-block.closable .content.opt-in .text-link {
  color: #656565;
  text-decoration: underline;
  cursor: pointer;
}

.settings-block.closable .content.opt-in .list-download .box p {
  margin-bottom: 10px;
}

.settings-block.closable .content.opt-in .editor .editor__row {
  margin-bottom: 25px;
}

.settings-block.closable .content.opt-in .editor .editor__row {
  padding: 0 10px;
}

.settings-block.closable .content.opt-in .editor .editor__textareaRow {
  margin-bottom: 5px;
}

.settings-block.closable .content.opt-in .editor .editor__textarea {
  border-radius: 5px;
  font-family: monospace;
  font-size: 14px;
  height: 200px;
  line-height: 1.5;
  width: 100%;
  resize: none;
}

.settings-block.closable .content.opt-in .editor .editor__link {
  color: #656565;
  text-decoration: underline;
  cursor: pointer;
  margin-right: 20px;
}

.settings-block.closable .content.opt-in .editor .editor__preview {
  border: 1px solid #656565;
  padding: 20px;
}

.settings-block.closable .content.opt-in .editor .editor__preview .editor__preview-title {
  margin-bottom: 20px;
  color: #F24E1E;
  font-weight: 600;
  font-size: 18px;
}

.settings-block.closable .content.opt-in .editor .editor__preview .editor__preview-title a,
.settings-block.closable .content.opt-in .editor .editor__preview .editor__preview-body a {
  color: inherit;
  text-decoration: underline;
}

.settings-block.closable .content.opt-in .editor .editor__links {
  margin: 10px;
}

.settings-block.closable .content.opt-in .editor .editor__links,
.settings-block.closable .content.opt-in .editor .editor__header {
  display: -ms-flexbox;
  display: flex;
}

.settings-block.closable .content.opt-in .editor .editor__links .editor__title,
.settings-block.closable .content.opt-in .editor .editor__header .editor__title {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.settings-block.closable .content.opt-in .editor .editor__links .editor__title .et-input,
.settings-block.closable .content.opt-in .editor .editor__header .editor__title .et-input {
  width: 100%;
  font-family: monospace;
  font-size: 14px;
}

.settings-block.closable .content.opt-in .editor .editor__languageBlock {
  margin-bottom: 60px;
}

.settings-block.closable .content.opt-in .editor .editor__languageBlock:last-child {
  margin-bottom: 0;
}

.settings-block.closable .content.opt-in .editor .languageName {
  margin: 6px 5px 0 0;
  width: 70px;
  font-weight: 600;
  color: #3d3d3d;
}

.settings-block.closable .content.opt-in .language-setting .separating-line-header {
  margin: 60px 0 20px 0;
}

.settings-block.closable .content.opt-in .language-setting .language-choices {
  margin-top: -20px;
}

.settings-block.closable .content.opt-in .et-opt-out {
  padding: 5px;
  width: 400px;
  text-align: center;
  background-color: #F24E1E;
  color: #FFFFFF;
  margin: 10px auto;
}

.settings-block.closable .content.opt-in .button-below {
  width: 400px;
  text-align: center;
  margin: 0 auto;
}

.settings-block.closable .content.opt-in .color-primary {
  color: #F24E1E;
}

.settings-block.closable .content #html-snippet-2,
.settings-block.closable .content #html-snippet {
  border: 1px #3d3d3d solid;
  padding: 20px;
  font-family: monospace;
  cursor: pointer;
  margin-bottom: 60px;
}

.settings-block.closable .content.integrations {
  padding-left: 20px;
}

.settings-block.closable .content.integrations.open {
  max-height: 5000px;
}

.settings-block.closable .content.reset.open {
  max-height: 300px;
}

.settings-block.closable .content.closed {
  max-height: 0 !important;
}

.settings-block.closable .content.signet {
  max-height: 1200px;
}

.settings-block.closable .content.signet .checkbox-group {
  margin: 35px 0;
}

.settings-block.closable .content.signet input {
  cursor: pointer;
}

.settings-block.closable .content.signet label {
  margin-left: 5px;
  vertical-align: middle;
  font-weight: normal;
}

.settings-block.closable .content.signet textarea {
  resize: none;
}

.settings-block.closable .content.signet .signetDiscriptionCnt {
  margin-bottom: 35px;
}

.settings-block.closable .content.signet #html-snippet {
  font-size: 12px;
  margin-top: 10px;
}

.settings-block.closable .content.signet .tooltip-dark {
  margin-left: 10px;
}

.settings-block.closable .content.signet .tooltip-inner {
  cursor: default;
  max-width: 280px;
  width: 280px;
}

.settings-block.closable .content.signet .tooltip-inner a {
  cursor: pointer;
  text-decoration: underline;
  color: #FFFFFF;
}

.settings-block.closable .content.signet .signet-box-cnt {
  width: 1000px;
  margin-top: 35px;
}

.settings-block.closable .content.signet .signet-box-cnt .signet-box {
  margin: 10px 10px 0 0;
  width: 450px;
  height: 380px;
  background-color: #ebebeb;
  border-radius: 5px;
  border: 1px #e1e1e1 solid;
  display: block;
  float: left;
}

.settings-block.closable .content.signet .signet-box-cnt .signet-box .header-box {
  font-weight: bold;
  text-align: center;
  background-color: #dadada;
  border-radius: 5px 5px 0 0;
  border: 1px #e1e1e1 solid;
  height: 60px;
  padding-top: 8px;
  line-height: 1.4;
  font-size: 15px;
}

.settings-block.closable .content.signet .signet-box-cnt .signet-box .header-box .size-info {
  font-weight: normal;
  font-size: 13px;
  color: #656565;
}

.settings-block.closable .content.signet .signet-box-cnt .signet-box img {
  display: block;
  margin: 20px auto 0;
}

.settings-block.closable .content.signet .signet-box-cnt .signet-box .signet-code__rect {
  width: 90%;
  height: 40%;
  margin: 0 auto;
}

.settings-block.closable .content.signet .signet-box-cnt .signet-box .signet-code__rect {
  margin-top: 30px;
}

.settings-block.closable .content.signet .signet-box-cnt .signet-box .tooltip-inner {
  width: auto;
  text-align: center;
}

.settings-block.closable .content.signet .signet-box-cnt .signet-box .tooltip.top {
  margin-top: -15px;
}

.settings-block.closable *[class^=col-sm-] {
  padding: 0;
}

.settings-block.closable .domain-cnt__maindomain {
  margin-bottom: 35px;
}

.settings-block.closable .domain-cnt__maindomain .et-input {
  display: block;
}

.settings-block.closable .domain-cnt__domain-input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 10px;
}

.settings-block.closable .domain-cnt__domain-input .et-input {
  margin-right: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.settings-block.closable .domain-cnt__hint {
  white-space: pre-wrap;
  font-size: 12px;
  line-height: 1.3;
}

.settings-block.closable .domain-cnt .et-input {
  border: none;
}

.settings-block.closable input[type=radio] {
  margin: 0;
}

.settings-block.closable input[type=radio]:focus {
  outline: none;
}

.settings-block.closable ul:not(.list-cnt__list) {
  padding-left: 20px;
}

.settings-block.closable a {
  color: #f24e1e;
}

.licence__description {
  margin-bottom: 2%;
}

.licence .license-product-logo {
  font-size: 26px;
  color: #F24E1E;
}

.licence .license-product-logo:before {
  display: inline-block;
  margin-bottom: 5px;
  vertical-align: middle;
}

.licence .license-product {
  vertical-align: 20%;
  margin-left: 10px;
}

.licence .licence-servicePeriod {
  font-size: 0;
  text-align: center;
}

.licence .licence-servicePeriod > div {
  text-align: center;
}

.licence .licence-servicePeriod > div > span {
  font-size: 13px;
}

.licence .licence-table {
  width: 100%;
  margin-bottom: 50px;
  table-layout: fixed;
}

.licence .licence-table th .licence-table-unit {
  font-weight: normal;
  font-size: 10px;
}

.licence .licence-table .licence-table-col-product-logo {
  width: 39px;
}

.licence .licence-table .licence-table-col-product {
  width: 17%;
}

@media (min-width: 1366px) {
  .licence .licence-table .licence-table-col-product {
    width: 18%;
  }
}

@media (min-width: 1920px) {
  .licence .licence-table .licence-table-col-product {
    width: 18%;
  }
}

.licence .licence-table .licence-table-col-edition {
  width: 27%;
}

@media (min-width: 1366px) {
  .licence .licence-table .licence-table-col-edition {
    width: 20%;
  }
}

@media (min-width: 1920px) {
  .licence .licence-table .licence-table-col-edition {
    width: 14%;
  }
}

.licence .licence-table .licence-table-col-service-period {
  text-align: center;
  width: 11%;
}

@media (min-width: 1366px) {
  .licence .licence-table .licence-table-col-service-period {
    width: 11%;
  }
}

@media (min-width: 1920px) {
  .licence .licence-table .licence-table-col-service-period {
    width: 12%;
  }
}

.licence .licence-table .licence-table-col-contract-end-date {
  text-align: center;
  width: 12%;
}

@media (min-width: 1366px) {
  .licence .licence-table .licence-table-col-contract-end-date {
    width: 13%;
  }
}

@media (min-width: 1920px) {
  .licence .licence-table .licence-table-col-contract-end-date {
    width: 14%;
  }
}

.licence .licence-table .licence-table-col-accounting-period {
  text-align: center;
  width: 11%;
}

@media (min-width: 1366px) {
  .licence .licence-table .licence-table-col-accounting-period {
    width: 11%;
  }
}

@media (min-width: 1920px) {
  .licence .licence-table .licence-table-col-accounting-period {
    width: 12%;
  }
}

.licence .licence-table .licence-table-col-net-price {
  text-align: center;
  width: 11%;
}

@media (min-width: 1366px) {
  .licence .licence-table .licence-table-col-net-price {
    width: 13%;
  }
}

@media (min-width: 1920px) {
  .licence .licence-table .licence-table-col-net-price {
    width: 15%;
  }
}

.licence .licence-table .licence-table-col-gross-price {
  text-align: center;
  width: 11%;
}

@media (min-width: 1366px) {
  .licence .licence-table .licence-table-col-gross-price {
    width: 14%;
  }
}

@media (min-width: 1920px) {
  .licence .licence-table .licence-table-col-gross-price {
    width: 15%;
  }
}

.licence .licence-table .licence-edition {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.licence .licence-arrow-box-container {
  height: 140px;
}

.licence .licence-arrow-box {
  position: relative;
  background: #FFFFFF;
  border: 2px solid #d6d6d6;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}

.licence .licence-arrow-box a {
  font-weight: bold;
  color: #000;
}

.licence .licence-arrow-box:after,
.licence .licence-arrow-box:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.licence .licence-arrow-box > p {
  padding-top: 8px;
  white-space: pre-wrap;
  text-align: center;
}

.licence .licence-arrow-box .licence-arrow-box-contact {
  display: table;
  margin: -10px auto 0;
}

.licence .licence-arrow-box .licence-arrow-box-contact > div {
  display: table-cell;
  text-align: center;
}

.licence .licence-arrow-box .licence-arrow-box-contact .icon-appanalytics:before,
.licence .licence-arrow-box .licence-arrow-box-contact .icon-email:before {
  vertical-align: middle;
  margin-right: 6px;
}

.licence .licence-arrow-box .licence-arrow-box-opening-hours {
  cursor: default;
  font-weight: normal;
  font-size: 11px;
}

.licence .licence-arrow-box:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #FFFFFF;
  border-width: 16px;
  margin-left: -16px;
}

.licence .licence-arrow-box:before {
  border-color: rgba(214, 214, 214, 0);
  border-bottom-color: #d6d6d6;
  border-width: 18px;
  margin-left: -18px;
}

.custom-segments-edit .title-group {
  margin-bottom: 15px;
}

.custom-segments-edit .segment-type {
  color: #a5a5a5;
  font-size: 15px;
  font-weight: 600;
}

.custom-segments-edit .add-segment-cnt {
  margin-top: 60px;
}

.custom-segments-edit .add-segment-cnt .rename-cnt {
  margin: 35px 0 60px;
}

.custom-segments-edit .edit-aliasing-cnt > * {
  margin-top: 35px;
}

.custom-segments-edit .edit-aliasing-cnt .edit-cnt .upload-button {
  display: inline-block;
  padding-right: 30px;
  line-height: 40px;
}

.custom-segments-edit .edit-aliasing-cnt .edit-cnt .actions {
  margin-left: 12px;
}

.custom-segments-edit .edit-aliasing-cnt .edit-cnt .actions > * {
  margin-right: 10px;
}

.custom-segments-edit .edit-aliasing-cnt .edit-cnt .actions > *:hover:not(.no-hover) {
  color: #F24E1E;
  cursor: pointer;
}

.custom-segments-edit .edit-aliasing-cnt .right-tooltip {
  margin: 0 0 0 -30px;
}

.custom-segments-edit .edit-aliasing-cnt .right-tooltip .tooltip-inner {
  cursor: default;
  max-width: 280px;
  width: 280px;
}

.custom-segments-edit .btn-cnt {
  float: right;
}

.key .key-box {
  margin-bottom: 40px;
}

.key .key-box:last-child {
  margin-bottom: 0;
}

.key .copy-key {
  color: #01d8dd;
  cursor: pointer;
}

.green {
  color: #01d8dd;
}

.notifications__administration__table-container__button-bar {
  margin-top: 2%;
}

.notifications__administration__table .name-col {
  width: 15%;
}

.notifications__administration__table .figure-col {
  width: 15%;
}

.notifications__administration__table .condition-col {
  width: 20%;
}

.notifications__administration__table .segments-col {
  width: 35%;
}

.notifications__administration__table .actions-col {
  width: 10%;
}

.notifications__administration__table .state-col {
  width: 5%;
}

.notifications__administration__table__condition {
  display: table;
  width: 100%;
  height: 100%;
}

.notifications__administration__table__condition > div {
  display: table-cell;
  vertical-align: middle;
}

.notifications__administration__table__condition > div > span {
  display: inline-block;
  position: relative;
  margin-top: 2px;
  margin-left: auto;
  margin-right: auto;
}

.notifications__administration__table__condition > div > span:not(:last-child)::after {
  content: "";
  position: relative;
  height: 20px;
  top: 2px;
  margin-right: 7px;
  margin-left: 7px;
  border-right: 1px solid #888;
}

.notifications__administration__table__segments {
  display: inline;
}

.notifications__administration__table__segments > li {
  display: inline;
}

.notifications__administration__table__segments > li div {
  display: inline-block;
}

.notifications__administration__table__segments > li label {
  font-weight: normal;
}

.notifications__administration__table__segments > li label:not(:last-child) {
  margin-right: 5px;
}

.notifications__administration__table__segments > li:not(:last-child)::after {
  content: "";
  position: relative;
  height: 20px;
  top: 2px;
  margin-right: 7px;
  margin-left: 7px;
  border-right: 1px solid #888;
}

.notification-editor__content__fields .dropdown {
  width: 90%;
}

.notification-editor__content__fields .dropdown__menu-wrapper > ul {
  width: 90%;
}

.notification-editor__content__fields .dropdown-menu {
  width: 90%;
}

.notification-editor__content__fields__block {
  position: relative;
  padding-top: 34px;
  margin-bottom: 59px;
}

.notification-editor__content__fields__block header {
  font-size: 11px;
  color: #656565;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 0 15px;
  margin-bottom: 10px;
}

.notification-editor__content__fields .addRecipient {
  margin: 0.5% 0 0;
}

.notification-editor__content__fields .recipientList .recipient {
  margin: 10px 40px 0 0;
}

.notification-editor__content__fields .segment-list {
  position: relative;
  display: block;
  margin-bottom: 0.5%;
}

.notification-editor__content__fields .segment-list__content {
  list-style-type: none;
}

.notification-editor__content__fields .segment-list__content__segment {
  background: #fafafa;
  margin: 10px 40px 0 0;
  padding: 15px;
  width: 387px;
  font-weight: 600;
  color: #151515;
  -webkit-transition: top 0.1s linear;
  -o-transition: top 0.1s linear;
  transition: top 0.1s linear;
}

.notification-editor__content__fields .segment-list__content__segment > label > span:first-child {
  font-weight: bold;
}

.notification-editor__content__fields .segment-list__content__segment > label > span:not(:last-child)::after {
  content: "";
  position: relative;
  height: 20px;
  top: 2px;
  margin-right: 7px;
  margin-left: 10px;
  border-right: 1px solid #888;
}

.notification-editor__content__fields .segment-list__content__segment > label > span:last-child {
  font-weight: normal;
}

.notification-editor__content__fields .segment-list__content__segment__remove {
  background: transparent;
  border: none;
  height: 14px;
  color: #a5a5a5;
  position: relative;
}

.notification-editor__content__fields .segment-list__add {
  margin: 2% 0 0;
  -webkit-transition: top 0.1s linear;
  -o-transition: top 0.1s linear;
  transition: top 0.1s linear;
}

.notification-editor__content__fields__block--named {
  border-top: 1px #e6e6e6 solid;
}

.notification-editor__content__fields__block--named h4 {
  color: #9e9e9e;
  font-size: 11px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-weight: 600;
  z-index: 3;
  background-color: #FFFFFF;
  position: absolute;
  display: inline-block;
  top: -7px;
  padding: 0 10px 0 5px;
}

.notification-editor__content__fields .input-percentage-width .et-input {
  width: 90%;
}

.notification-editor__button-bar {
  margin-top: 40px;
}

.notification-editor__button-bar .et-btn__wrapper {
  width: 100%;
  display: table;
}

.notification-editor__button-bar .et-btn__wrapper .et-btn {
  margin-left: auto;
  display: table-cell;
  width: 90%;
}

.invoices__sub-title {
  margin-left: 54px;
}

.invoices__history {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0 5px;
  white-space: nowrap;
}

.invoices__history tr:nth-child(odd) > td:first-child {
  background-color: transparent;
}

.invoices__history td {
  white-space: nowrap;
  vertical-align: middle;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  height: 48px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 3px;
  border-right: solid 5px #FFFFFF;
}

.invoices__history td:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.invoices__history td:nth-child(2) {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.invoices__history td:last-child {
  border-right: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.invoices__history__col {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 20px;
}

.invoices__col {
  font-size: 12px;
  text-transform: uppercase;
  color: #888;
  padding: 10px;
  border-right: solid 5px #FFFFFF;
}

.invoices__col:last-child {
  border-right: none;
}

.invoices__footer {
  margin-top: 2.5%;
  display: table;
  width: 100%;
}

.invoices__footer > div {
  display: table-cell;
  vertical-align: middle;
}

.invoices__footer > div > div {
  text-align: center;
  font-size: 15px;
  color: #888;
}

.invoices__col--indicator {
  width: 42px;
}

.invoices__col--status {
  width: 17%;
}

.invoices__col--invoice-date {
  width: 13%;
}

.invoices__col--invoice-number {
  width: 13%;
}

.invoices__col--type {
  width: 13%;
}

.invoices__col--invoice-amount {
  width: 16%;
}

.invoices__col--download {
  max-width: 22%;
}

.invoice__indicator:before {
  content: '\25CF';
  font-size: 24px;
  color: #F24E1E;
}

.invoice__status--icon {
  font-size: 20px;
  margin-right: 5%;
}

.invoice__download--icon {
  font-size: 16px;
  margin-right: 2%;
}

.invoices-amount {
  clear: both;
}

.invoices-amount--label {
  display: block;
  float: left;
}

.invoices-amount--value {
  display: block;
  float: right;
}

.payment-options {
  padding-left: 2px;
}

.payment-options__method {
  position: relative;
  margin-bottom: 35px;
}

.payment-options__method .checkbox label {
  line-height: 1;
}

.payment-options__method .checkbox label input {
  top: 4px;
  left: 0;
}

.payment-options__method header {
  font-size: 11px;
  color: #656565;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 0 15px;
  margin-bottom: 10px;
}

.payment-options__method--header {
  border-top: 1px #e6e6e6 solid;
  margin: 50px 0 20px;
  position: relative;
}

.payment-options__method--header h4 {
  color: #9e9e9e;
  font-size: 13px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-weight: 600;
  z-index: 3;
  background-color: #FFFFFF;
  position: absolute;
  display: inline-block;
  top: -7px;
  padding: 0 10px 0 5px;
}

.payment-options__btn-cnt {
  margin: 35px 0;
}

.payment-options__invoice-languages {
  display: block;
}

.payment-options__info-text {
  line-height: normal;
}

.payment-options .et-btn--as-checkbox {
  width: 150px;
  height: 50px;
  line-height: 48px;
}

.payment-options .et-btn--as-checkbox span {
  float: left;
}

.payment-options .et-btn--as-checkbox.et-radio--light input[type=radio] + label {
  float: right;
  display: block;
  margin-top: 15px;
}

.payment-options .et-btn--as-checkbox.et-radio--light input[type=radio] + label:before {
  display: block;
}

.payment-options .type-selection {
  width: 300px;
}

.payment-options .type-selection.left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.payment-options .type-selection.right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.payment-options .type-selection span {
  font-size: 16px;
  width: 220px;
}

.get-params-whitelist .box .get-params {
  margin-bottom: 10px;
}

.get-params-whitelist .box .get-params .et-input:disabled {
  background-color: #ebebeb;
  color: #888;
}

.get-params-whitelist .box .get-params .tooltip-dark {
  width: 200px;
}

.get-params-whitelist .box .get-params .tooltip-dark .tooltip-inner {
  max-width: 200px;
}

.get-params-whitelist .box .get-params--label {
  display: inline-block;
  width: 130px;
}

.get-params-whitelist .box .get-params .et-btn--no-hover {
  margin-left: 8px;
}

.auto-area-detection p {
  margin: 0;
}

.auto-area-detection--margin-top-bottom {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.auto-area-detection label {
  display: block;
  margin-bottom: 15px;
}

.auto-area-detection .et-input--small {
  width: 60px;
  margin-left: 4px;
}

.auto-area-detection .et-input--small:disabled {
  opacity: 0.5;
}

.auto-area-detection .get-params-selection {
  margin-top: 30px;
}

.auto-area-detection .get-params-selection--item {
  margin-bottom: 15px;
}

.auto-area-detection .get-params-selection--item .tooltip-dark {
  width: 200px;
}

.auto-area-detection .get-params-selection--item .tooltip-dark .tooltip-inner {
  max-width: 200px;
}

.auto-area-detection .get-params-selection--index {
  margin-right: 15px;
}

.dpa-table .pointer {
  cursor: pointer;
}

.dpa-table td a {
  color: #000 !important;
  text-decoration: none !important;
}

.messageOverlay {
  z-index: 100000000;
  background-color: rgba(0, 0, 0, 0.5);
}

.messageOverlay .message {
  margin: 200px auto 10px;
  border: 5px solid rgba(255, 255, 255, 0.35);
  border-radius: 10px;
  display: block;
  max-height: 60vh;
  max-width: 90vh;
}

.messageOverlay .underline {
  margin: auto;
  display: block;
  color: #656565;
  text-align: center;
}

.messageOverlay .message-overlay-close {
  margin: 30px auto;
  display: block;
}

.apollo-message-list {
  position: relative;
  width: 100%;
}

.messages-list {
  width: 100%;
  text-align: left;
  white-space: normal;
  padding-top: 10px;
  height: 90%;
}

.messages-list .message-entry {
  margin-bottom: 20px;
  padding-left: 14px;
  padding-right: 20px;
}

.messages-list .message-entry:last-child {
  margin-bottom: 15vh;
}

.messages-list .message-entry.new-message h3 {
  color: #979797;
  position: relative;
}

.messages-list .message-entry.new-message h3:after {
  content: '';
  height: 6px;
  width: 6px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4a5a), to(#f24e1e));
  background-image: -webkit-linear-gradient(top, #ff4a5a, #f24e1e);
  background-image: -o-linear-gradient(top, #ff4a5a, #f24e1e);
  background-image: linear-gradient(to bottom, #ff4a5a, #f24e1e);
  background-color: #f24e1e;
  position: absolute;
  border-radius: 50%;
  margin-top: 3px;
  left: -13px;
}

.messages-list .message-entry .date {
  font-size: 11px;
  margin-bottom: 5px;
  color: #656565;
}

.messages-list .message-entry .date .bold {
  font-weight: 800;
}

.messages-list .message-entry .message-content {
  font-size: 13px;
  line-height: 19px;
  color: #656565;
  margin-bottom: 30px;
}

.messages-list .message-entry .message-content h3 {
  font-size: 14px;
  color: #FFFFFF;
  margin-bottom: 10px;
  font-weight: bold;
}

.messages-list .message-entry .message-content p {
  margin-bottom: 10px;
  max-width: 60%;
  color: #c2c3c3;
}

.messages-list .message-entry .message-content img {
  cursor: pointer;
}

.messages-list .message-entry .message-content a,
.messages-list .message-entry .message-content span {
  color: #FFFFFF;
  white-space: nowrap;
  text-decoration: underline;
  margin-right: 30px;
  cursor: pointer;
}

.messages-list .message-entry .message-content a:hover,
.messages-list .message-entry .message-content span:hover {
  text-decoration: none;
}

.messages-list .message-entry .message-content .more-info {
  text-decoration: none;
}

.messages-list .message-entry .message-content .more-info span {
  text-decoration: underline;
  margin-right: 5px;
}

.messages-list .message-entry .message-content .more-info span:hover {
  text-decoration: none;
}

.messages-list .message-entry .message-content .more-info .icon-logout {
  text-decoration: none;
}

.messages-list .message-entry .message-list-small-image {
  max-width: 300px;
  max-height: 170px;
  width: 100%;
}

.messages-list .message-entry .spacer {
  border-bottom: 3px solid #282828;
}

.messages-list .message-entry:last-of-type .spacer {
  border-bottom: none;
}

.message-list-shadow {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(rgba(0, 0, 0, 0.8)), to(black));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8), black);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8), black);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8), black);
  height: 10vh;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 739px;
}

.new-message-container {
  position: absolute;
}

.dashboard-sidebar .new-message-popover {
  visibility: hidden;
}

.my-dashboard .new-message-popover {
  top: 10px !important;
  left: 50px !important;
}

.my-dashboard apollo-banner ~ new-message-info .new-message-popover {
  top: 61px !important;
}

apollo-sidebar .new-message-popover {
  top: 50px !important;
  left: 50px !important;
}

.message-popover {
  width: 250px;
}

.message-popover .message-date {
  color: #656565;
  width: 100%;
}

.message-popover .message-date .message-date-day {
  font-weight: bold;
}

.message-popover .message-content {
  padding-left: 10px;
  color: #000;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 100%;
  position: relative;
  margin-left: 10px;
  width: calc(100% - 30px);
  cursor: pointer;
}

.message-popover .message-content:hover {
  text-decoration: underline;
}

.message-popover .message-content:before {
  content: '';
  border-left-width: 2px;
  border-right-width: 2px;
  border-color: #F24E1E;
  border-radius: 4px;
  width: 5px;
  height: 100%;
  display: block;
  position: absolute;
  background-color: #F24E1E;
  left: -10px;
}

.message-popover .message-content a {
  color: #000;
  font-weight: normal;
  text-decoration: underline;
}

.message-popover .message-content a:hover {
  text-decoration: none;
}

.message-popover .message-content span:nth-of-type(2) {
  float: right;
}

.message-popover .message-links a {
  text-decoration: underline;
}

.message-popover .message-links a:hover {
  text-decoration: none;
}

.message-popover .message-links span:nth-child(2) {
  float: right;
  padding-right: 20px;
}

.message-popover .message-links .more-info {
  text-decoration: none;
}

.message-popover .message-links .more-info span {
  float: none;
  text-decoration: underline;
  margin-right: 5px;
}

.message-popover .message-links .more-info span:hover {
  text-decoration: none;
}

.message-popover .message-links .more-info .icon-logout {
  text-decoration: none;
}

.message-popover .message-close {
  position: relative;
  font-weight: bold;
  cursor: pointer;
  font-size: 12px;
  float: right;
  right: -3px;
}

.export {
  position: relative;
  width: 530px;
  height: 240px;
  left: calc(50% - 350px);
  top: 200px;
  color: #FFFFFF;
}

.export.mail {
  top: 100px;
}

.export .export__info {
  color: #aaa;
}

.export .export__info .export__title {
  border-right: 1px solid #FFFFFF;
  padding-right: 20px;
  line-height: 22px;
  float: left;
}

.export .export__info .export__date {
  padding-left: 20px;
  line-height: 22px;
  float: left;
}

.export .export__info .export__info--bold {
  font-weight: bold;
  color: #FFFFFF;
}

.export .export__controls {
  clear: left;
  padding-top: 20px;
}

.export .export__controls > div {
  position: relative;
  padding-left: 80px;
}

.export .export__controls > div .export__recipient__info,
.export .export__controls > div .export__format__info {
  font-size: 10px;
  padding-left: 15px;
  padding-bottom: 15px;
  display: block;
  width: 350px;
  color: #a5a5a5;
  line-height: 14px;
}

.export .export__controls > div label {
  font-size: 12px;
  position: absolute;
  top: 18px;
  left: 0;
}

.export .export__controls > div input {
  font-size: 11px;
  width: 350px;
  line-height: 2;
  color: #FFFFFF;
  padding-left: 22px;
  padding-right: 22px;
  margin: 10px;
}

.export .export__controls > div textarea.et-input {
  width: 350px;
  height: 125px;
  max-height: 100%;
  border-radius: 5px;
  margin: 10px;
  font-size: 11px;
  line-height: 19px;
  padding-left: 22px;
  padding-right: 22px;
}

.export .export__controls > div .export__format {
  cursor: pointer;
}

.export .export__controls > div .tooltip-dummy {
  width: 1px;
  height: 40px;
  float: left;
  margin-top: 10px;
  background: transparent;
}

.export .export__controls > div button {
  margin: 10px -2px 10px 10px;
  position: relative;
  outline: none;
  float: left;
}

.export .export__controls > div button .export__button__check {
  padding-right: 10px;
  margin-left: -10px;
}

.export .export__controls > div button .export__button__spinner .spinner-layer {
  border-color: #e1e1e1;
}

.export .export__controls > div button.running {
  background-color: #F24E1E;
  color: #e1e1e1;
  border-color: #F24E1E;
}

.export .export__controls > div button.done {
  background-color: #F24E1E;
  color: #e1e1e1;
  border-color: #F24E1E;
}

.export .export__controls > div button.done:before {
  content: "r";
  padding-right: 10px;
}

.export .export__controls > div button.error,
.export .export__controls > div button.mail_error {
  border-color: #F24E1E;
  background-color: #F24E1E;
}

.export .export__controls > div button.ready:hover:not(:disabled) {
  background-color: #F24E1E;
}

.export .export__controls > div button.idle {
  border-color: #a5a5a5;
}

.export .export__controls > div button.idle:hover:not(:disabled) {
  border-color: #F24E1E;
  background-color: #F24E1E;
}

.export .export__controls .export__format__chevron {
  position: relative;
}

.export .export__controls .export__format__chevron:after {
  content: "b";
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-family: "etracker" !important;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: normal !important;
  text-transform: none !important;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  width: 10px;
  height: 10px;
  position: absolute;
  left: -33px;
  top: 10px;
  font-size: 8px;
  cursor: pointer;
}

.export .export__controls .export__format__chooser {
  position: absolute;
  left: 15px;
  width: 480px;
  height: 290px;
  background-color: #FFFFFF;
  border: 1px solid #000;
  border-radius: 5px;
  z-index: 101;
  padding: 10px;
}

.export .export__controls .export__format__chooser:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid #000;
  border-right: 5px solid #000;
  border-bottom: 5px solid rgba(255, 255, 255, 0.95);
  position: absolute;
  right: 240px;
  top: -5px;
}

.export .export__controls .export__format__chooser > div {
  width: 226px;
  float: left;
  position: relative;
}

.export .export__controls .export__format__chooser > div:after {
  content: "";
  border: 2px solid #e1e1e1;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  height: 250px;
  position: absolute;
  top: 5px;
  right: 0;
}

.export .export__controls .export__format__chooser > div:last-child:after {
  border: none;
}

.export .export__controls .export__format__chooser > div > span {
  text-transform: uppercase;
  color: #a5a5a5;
  width: 100%;
  text-align: center;
  display: block;
  font-size: 11px;
  font-weight: bold;
  padding: 10px;
}

.export .export__controls .export__format__chooser > div > div {
  padding: 15px 20px 0;
  color: #000;
  position: relative;
  font-size: 14px;
}

.export .export__controls .export__format__chooser > div > div span {
  cursor: pointer;
  width: 100%;
  display: block;
}

.export .export__controls .export__format__chooser > div > div .input {
  position: absolute;
  right: 30px;
  width: 16px;
  height: 16px;
  top: -2px;
}

.export .export__controls .export__format__chooser > div > div:after {
  content: "";
  width: 100%;
  border-bottom: 1px solid #e1e1e1;
  height: 20px;
  display: block;
}

.export .export__controls .export__format__chooser > div > div:last-child:after {
  border: none;
}

.export .export__controls .export__controls__infotext {
  line-height: 24px;
  clear: left;
}

.export .export__controls .export__controls__infotext br {
  clear: left;
}

.export .export__controls .export__controls__infotext > div {
  padding-top: 10px;
  font-size: 16px;
  font-weight: normal;
  padding-left: 10px;
}

.export .export__controls .export__controls__infotext .export__controls__infotext__listStyle {
  font-size: 13px;
  color: #aaa;
  float: left;
}

.export .export__controls .export__controls__infotext .export__controls__infotext__list {
  font-size: 13px;
  color: #aaa;
  float: left;
  width: 310px;
}

.export .export__controls .export__controls__infotext .export__controls__infotext__list .export__queueLink {
  cursor: pointer;
}

.export .export__controls .export__controls__error {
  clear: left;
}

.export .export__controls .export__controls__error > div {
  padding-top: 10px;
  font-size: 16px;
  font-weight: normal;
  padding-left: 10px;
  color: #F24E1E;
}

.export .export__controls .appendLegend {
  height: 50px;
}

.export .export__controls .appendLegend .toggleControl {
  position: relative;
  top: 16px;
  margin-left: 95px;
}

.export .export__controls .appendLegend .toggleControl input:not(:checked) ~ .toggleControl__indicator {
  background: #FFFFFF;
}

.exportFrame,
#js-file-download {
  visibility: hidden;
  width: 0;
  height: 0;
}

.exportQueue {
  padding-left: 30px;
  padding-right: 30px;
}

.exportQueue h1 {
  font-size: 25px;
  padding-bottom: 30px;
  padding-top: 20px;
}

.exportQueue table.exportQueueTable {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 30px;
}

.exportQueue table.exportQueueTable tr {
  border-bottom: 1px solid #e1e1e1;
}

.exportQueue table.exportQueueTable tr:first-child,
.exportQueue table.exportQueueTable tr:last-child {
  border: none;
}

.exportQueue table.exportQueueTable tr.pointer {
  cursor: pointer;
}

.exportQueue table.exportQueueTable tr th {
  font-size: 12px;
  color: #888;
  padding-right: 20px;
  white-space: nowrap;
  padding-top: 15px;
  padding-bottom: 15px;
}

.exportQueue table.exportQueueTable tr th.name {
  width: 20%;
}

.exportQueue table.exportQueueTable tr th.attributes {
  width: 20%;
}

.exportQueue table.exportQueueTable tr th.report_set {
  width: 20%;
}

.exportQueue table.exportQueueTable tr td {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 14px;
  font-weight: normal;
  padding-right: 20px;
  vertical-align: top;
  width: 10%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.exportQueue table.exportQueueTable tr td.exportQueueTable__name {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.exportQueue table.exportQueueTable tr td.exportQueueTable__date .exportQueueTable__date--bold {
  font-weight: bold;
}

.exportQueue table.exportQueueTable tr td.exportQueue--fileSize .exportQueue--fileSize--bold {
  font-weight: bold;
}

.exportQueue table.exportQueueTable tr td.exportQueue__message span {
  float: left;
  display: block;
  margin-right: 6px;
}

.exportQueue table.exportQueueTable tr td.exportQueue__message .exportQueue__inProgressHint {
  padding-left: 30px;
}

.exportQueue table.exportQueueTable tr td.exportQueue__message .exportQueue__inProgressInfo,
.exportQueue table.exportQueueTable tr td.exportQueue__message .exportQueue__errorInfo {
  width: 350px;
  color: #656565;
  font-weight: 200;
  padding-left: 20px;
}

.exportQueue table.exportQueueTable tr td .exportQueue__alreadyDownloaded {
  color: #888;
}

.exportQueue table.exportQueueTable tr td .exportQueue__alreadyDownloaded:first-child {
  margin-right: 5px;
}

.exportQueue table.exportQueueTable tr td .exportQueue__new {
  text-transform: uppercase;
  color: #F24E1E;
}

.exportQueue .exportQueue__spinnerContainer {
  position: relative;
  left: -10px;
  top: 8px;
}

.exportQueue .exportQueue__spinnerContainer .load-message.load-message.load-message {
  display: none;
}

.exportQueue .exportQueue__spinnerContainer .exportQueue__spinner {
  font-size: 13px;
}

.exportQueue .exportQueue__spinnerContainer .exportQueue__spinner .preloader-wrapper.small {
  width: 15px;
  height: 15px;
}

.exportQueue .exportQueue__limitations {
  width: 100%;
  padding-top: 50px;
  text-align: center;
  color: #888;
  font-size: 12px;
}

.exportQueue .exportQueue__rule {
  border-top: 1px dotted #979797;
  margin-top: 40px;
}

/* --- DROPDOWN MENU START ---*/

.segment-menu-item {
  cursor: pointer;
  position: relative;
  display: block;
  margin: 0;
  height: 44px;
  width: 210px;
  padding: 0 25px;
  line-height: 44px;
  font-weight: inherit;
}

.segment-menu-item.disabled {
  color: #656565;
  cursor: default;
}

.segment-menu-item.segment-name {
  cursor: default;
}

.segment-menu-item.segment-name:before,
.segment-menu-item.segment-name + .segment-menu-item:before,
.segment-menu-item:not(.disabled):hover:before,
.segment-menu-item:hover + .segment-menu-item:not(.disabled):before {
  display: none;
}

.segment-menu-item input {
  margin: 14px 0 0;
  float: right;
  height: 16px;
  width: 16px;
}

.segment-menu-item:not(.disabled):hover {
  background-color: #1e1e1e;
}

.segment-menu-item:not(.disabled):hover.segment-name {
  background-color: transparent;
}

.segment-menu-item:before {
  content: ' ';
  display: block;
  height: 1px;
  position: absolute;
  left: 25px;
  width: calc(100% - 50px);
  top: 0;
  background-color: #1e1e1e;
  z-index: 5;
}

.segment-menu-item .inner {
  /* float: left; */
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 18px);
}

.segment-menu-item .icon {
  float: right;
  display: none;
  font-size: 12px;
  height: 18px;
  margin: 13px 0 0;
  position: relative;
  width: 18px;
}

.segment-menu-item:not(.disabled):hover .icon {
  display: block;
  color: #F24E1E;
}

.segment-menu-item.active .inner {
  color: #979797;
}

.segment-menu-item.active .icon {
  display: block;
  color: #656565;
}

.segment-menu-item.active:hover,
.segment-menu-item.active:hover + .segment-menu-item {
  cursor: default;
  background-color: transparent;
}

.segment-menu-item.active:hover:before,
.segment-menu-item.active:hover + .segment-menu-item:before {
  display: block;
}

.segment-menu-item.segment-name + .segment-menu-item.active:before {
  display: none !important;
}

.segment-name {
  text-align: center;
  height: auto;
  margin-bottom: 22px;
}

.segment-name .segment-name-icon {
  font-size: 24px;
  height: 69px;
  line-height: 71px;
  color: #656565;
}

.segment-name .segment-name-icon.icon-absolute-ruler:before {
  top: calc(50% - 0.5em - 8px);
}

.segment-name .segment-name-icon img {
  height: 27px;
  cursor: pointer;
}

.segment-name .segment-name-hl {
  font-size: 10px;
  letter-spacing: 0.5px;
  font-weight: 700;
  color: #656565;
  text-transform: uppercase;
  line-height: 1;
}

.segment-break {
  position: relative;
  background-color: #1e1e1e;
  text-align: center;
  padding: 14px 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.segment-break .cancel {
  position: absolute;
  right: 20px;
}

.segment-break .cancel .btn {
  color: #979797;
  border-color: #656565;
}

.segment-break .segmentation-circle {
  border-color: #151515;
  right: 212px;
  top: 29px;
}

.segment-break button.round.round {
  color: #656565;
  border-color: #656565;
  font-weight: 600;
  font-size: 12px;
  background-color: transparent;
  padding: 0 25px;
  margin-top: 15px;
  height: 30px;
  line-height: 28px;
}

.segment-break button.round.round:hover {
  color: #FFFFFF;
  border-color: #000;
  background-color: #000;
}

.segments {
  overflow: auto;
  margin: 0;
  font-size: 13px;
  white-space: normal;
  background-color: rgba(0, 0, 0, 0.9);
  text-align: center;
}

.segments .button-cnt {
  position: fixed;
  bottom: 20px;
  left: 50%;
  z-index: 5;
}

.segments .button-cnt .et-btn__wrapper {
  display: block;
  float: left;
  margin: 0 5px;
}

.segments .button-cnt button.et-btn {
  background: #000;
}

.segments .button-cnt.contact {
  bottom: 25px;
  left: calc(50% - 276px);
}

.segments .button-cnt.contact button.et-btn {
  background: #01d8dd;
  color: #FFFFFF;
  border: none;
  position: absolute;
  right: -165px;
  bottom: -14px;
}

.segments .button-cnt.contact .segments-not-included {
  font-weight: 600;
  font-size: 15px;
}

.segments .button-cnt.contact .for-additional-segments {
  font-size: 15px;
  color: #888;
  margin-left: 10px;
}

.max-segments .inner {
  color: #979797;
}

/* --- DROPDOWN MENU END ---*/

/*SELECT RECIPIENTS*/

.sendTo {
  line-height: 1.4;
  margin-bottom: 15px;
}

.select-recipients {
  margin-left: 25px;
}

.set-settings {
  margin-left: 25px;
  margin-right: 25px;
}

.set-settings .block .et-btn--as-checkbox {
  width: 170px;
}

.set-settings .selectFrequency {
  padding-right: 10%;
}

.set-settings .selectFrequency .setFrequency {
  margin: 5px;
  height: 50px;
}

.set-settings .selectFrequency .setFrequency span::first-letter {
  text-transform: uppercase;
}

.set-settings .selectTimeFrame .type-selection {
  width: 207px;
}

.set-settings .selectTimeFrame .type-selection span {
  width: 135px;
}

.set-settings .selectTimeFrame .type-selection.center {
  border-radius: 0;
}

.set-settings .timeFrameInfo {
  display: inline-block;
  margin-top: 25px;
  margin-left: 10px;
  width: 40%;
  line-height: 20px;
  font-size: 13px;
}

.set-settings .appendLegend .appendLegendLabel {
  display: inline-block;
  margin-left: 10px;
  font-weight: normal;
  font-size: 13px;
}

.set-settings .appendLegend .toggleControl {
  display: inline-block;
  top: 5px;
  margin-left: 10px;
}

.list-report-sets {
  /* set table column widths */
  /* set column-specific formatting */
}

.list-report-sets__date-header {
  width: 140px;
}

.list-report-sets__created-date-header {
  width: 110px;
}

.list-report-sets__actions-header {
  width: 136px;
}

.list-report-sets__format-header {
  width: 105px;
}

.list-report-sets__origin-header {
  width: 200px;
}

.list-report-sets__frequency-header {
  width: 115px;
}

.list-report-sets__active-header {
  width: 100px;
}

.list-report-sets__date span:first-child {
  font-weight: bold;
}

.list-report-sets__origin {
  white-space: normal;
}

.list-report-sets__frequency {
  text-transform: capitalize;
}

.list-report-sets__type span::before {
  vertical-align: sub;
}

.list-report-sets__type span:first-child {
  margin-right: 8px;
  opacity: 0.6;
}

.list-report-sets__actions {
  /* child selection necessary to avoid decorating the spinner */
}

.list-report-sets__actions > div {
  display: inline-block;
  position: relative;
  margin-top: 2px;
}

.list-report-sets__actions > div:not(:last-child)::after {
  content: "";
  position: relative;
  height: 20px;
  top: -2px;
  margin-right: 7px;
  margin-left: 7px;
  border-right: 1px solid #888;
}

.list-report-sets__actions > div > span {
  display: inline-block;
}

.list-report-sets__actions > div > span.icon-invisible::before {
  visibility: hidden;
}

.list-report-sets__actions .disabled {
  opacity: 0.5;
  cursor: auto;
}

.list-report-sets__actions .pointer {
  cursor: pointer;
}

.list-report-sets__spinner {
  position: absolute;
  left: -10px;
  top: 6px;
}

.multiclient__account-header {
  width: 200px;
}

.multiclient__actions-header {
  width: 200px;
}

.apollo-multi-client-settings div.settings-block {
  padding: 35px 0 33px;
  border-bottom: none;
}

.apollo-multi-client-settings div.settings-block + div.settings-block {
  margin-top: 50px;
  padding: 35px 0 33px;
  border-top: 1px dashed #d0d0d0;
}

.multiclient-add .et-btn__wrapper > *:last-child {
  margin-left: 10px;
}

.multiclient-add input[type=radio] {
  outline: none;
}

.multiclient-add form fieldset label {
  margin-right: 30px;
}

.multiclient-add form fieldset .sub-user-cnt .dropdown {
  width: 300px;
}

.multiclient-add .tooltip-inner {
  padding-left: 35px;
}

.multiclient-add .tooltip-inner:before {
  height: 0;
}

.multiclient-add .tooltip-inner:after {
  color: #F24E1E;
}

.multiclient-add .multiclients label {
  display: block;
  margin-bottom: 10px;
}

.multiclient-add .multiclients .multiclients__text {
  font-weight: 600;
}

.attr-filter-container {
  background-color: #FFFFFF;
  position: relative;
  z-index: 24;
}

.attr-filter-container .combi-input button:disabled {
  background-color: #f5f5f5;
  color: #888;
}

.attr-filter-container .et-btn.combi-input__item {
  padding: 0 20px;
}

.attr-filter-container .attr-filter-container__header {
  font-size: 12px;
}

.attr-filter-container .attr-filter-container__header .et-input {
  width: 245px;
}

.attr-filter-container .attr-filter-container__header .et-input--light:not(:disabled) {
  background-color: #FFFFFF;
}

.attr-filter-container .attr-filter-container__header .attr-filter-container__link,
.attr-filter-container .attr-filter-container__header .attr-filter-container__simple-filter {
  display: table-cell;
  vertical-align: middle;
}

.attr-filter-container .attr-filter-container__header .attr-filter-container__link {
  position: relative;
}

.attr-filter-container .attr-filter-container__header .attr-filter-container__link > * {
  margin-left: 20px;
}

.attr-filter-container .attr-filter-container__header .attr-filter-container__link > *:before {
  opacity: 0;
  cursor: default;
  background: #f5f5f5;
  border-left: 2px solid #e6e6e6;
  border-top: 2px solid #e6e6e6;
  bottom: -15px;
  content: "";
  height: 9px;
  left: 50%;
  position: absolute;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 9px;
  z-index: 1001;
  -webkit-transition: opacity 400ms ease-in;
  -o-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
}

.attr-filter-container .attr-filter-container__header .attr-filter-container__link > *:not(.active) {
  text-decoration: underline;
  cursor: pointer;
}

.attr-filter-container .attr-filter-container__header .attr-filter-container__link > *:not(.active):before {
  -webkit-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
}

.attr-filter-container .attr-filter-container__header .attr-filter-container__link > *.active {
  font-weight: bold;
}

.attr-filter-container .attr-filter-container__header .attr-filter-container__link > *.active:before {
  opacity: 1;
}

.control-cnt .attr-extended-filter {
  width: calc(100% + 24px);
  margin-left: -12px;
  margin-right: -12px;
}

.attr-extended-filter {
  margin-top: 10px;
  background: #f5f5f5;
  border-top: 2px solid #e6e6e6;
  border-bottom: 2px solid #e6e6e6;
  width: calc(100% - 12px);
  /*[class*="icon-"]:before {
		line-height: inherit;
		position: relative;
	}*/
}

.attr-extended-filter .attr-extended-filter--hover:hover {
  color: #F24E1E !important;
}

.attr-extended-filter .attr-extended-filter--hover-border:hover {
  border-color: #F24E1E !important;
}

.attr-extended-filter.attr-extended-filter--invisible {
  display: none;
}

.attr-extended-filter .attr-extended-filter__footer {
  background-color: #ebebeb;
  height: 70px;
}

.attr-extended-filter .attr-extended-filter__footer .attr-extended-filter__buttons {
  position: relative;
  top: 50%;
  text-align: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.attr-extended-filter .attr-extended-filter__footer .attr-extended-filter__apply-button {
  position: relative;
  left: 46.5%;
  width: 110px;
  height: 40px;
  border-radius: 4px;
  padding-top: 11px;
  font-weight: 600;
  font-size: 14px;
  border: 1px solid #F24E1E;
}

.attr-extended-filter .attr-extended-filter__footer .attr-extended-filter__apply-button:hover {
  cursor: pointer;
  background-color: #F24E1E;
  color: #FFFFFF;
}

.attr-extended-filter .attr-extended-filter__footer .attr-extended-filter__left,
.attr-extended-filter .attr-extended-filter__footer .attr-extended-filter__right {
  position: absolute;
  top: 15px;
}

.attr-extended-filter .attr-extended-filter__footer .attr-extended-filter__left {
  left: 0;
}

.attr-extended-filter .attr-extended-filter__footer .attr-extended-filter__right {
  right: 0;
}

.attr-extended-filter .attr-extended-filter__footer .attr-extended-filter__middle {
  text-align: center;
}

.attr-extended-filter .attr-extended-filter__footer .attr-extended-filter__middle > *:not(:last-child) {
  margin-right: 10px;
}

.attr-extended-filter .attr-extended-filter__footer .attr-extended-filter__cancel {
  color: #979797;
  cursor: pointer;
  font-size: 12px;
  text-decoration: underline;
}

.attr-extended-filter .attr-extended-filter__body {
  padding: 20px 40px;
}

.attr-extended-filter .attr-extended-filter__body .global-filter {
  padding-bottom: 10px;
  font-size: 14px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
}

.attr-extended-filter .attr-extended-filter__body .global-filter .info-tooltip {
  border: 1px solid #656565;
  border-radius: 100px;
  margin-left: 10px;
  width: 16px;
  height: 16px;
  padding-left: 3px;
  line-height: 5px;
  font-weight: bold;
  padding-top: 5px;
}

.attr-extended-filter .attr-extended-filter__body .global-filter .info-tooltip:hover {
  background-color: #F24E1E;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

.attr-extended-filter .attr-extended-filter__footer {
  padding: 20px 40px;
}

.attr-extended-filter .attr-extended-filter__add {
  cursor: pointer;
  height: 60px;
  width: 100%;
  border: 2px dashed #dadada;
  border-radius: 5px;
  font-size: 12px;
  color: #656565;
  text-align: center;
}

.attr-extended-filter .attr-extended-filter__add .attr-extended-filter__buttons {
  position: relative;
  top: 50%;
  text-align: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.attr-extended-filter .attr-extended-filter__add .attr-extended-filter__buttons > * {
  display: inline-block;
}

.attr-extended-filter .attr-extended-filter__add .attr-extended-filter__buttons .icon {
  font-size: 10px;
  margin-right: 10px;
}

.attr-extended-filter .attr-extended-filter__add--disabled:hover {
  border-color: #dadada !important;
  color: #656565 !important;
  cursor: default;
}

.attr-extended-filter .attr-extended-filter__separator {
  height: 50px;
  width: 100%;
  text-align: center;
}

.attr-extended-filter .attr-extended-filter__separator .attr-extended-filter__operator {
  color: #656565;
  font-size: 12px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.attr-extended-filter .attr-extended-filter__separator .attr-extended-filter__operator:after,
.attr-extended-filter .attr-extended-filter__separator .attr-extended-filter__operator:before {
  content: "";
  border: 3px solid #ebebeb;
  position: absolute;
  height: 10px;
  left: calc(50% - 3px);
}

.attr-extended-filter .attr-extended-filter__separator .attr-extended-filter__operator:after {
  top: -20px;
  border-radius: 0 0 5px 5px;
}

.attr-extended-filter .attr-extended-filter__separator .attr-extended-filter__operator:before {
  bottom: -20px;
  border-radius: 5px 5px 0 0;
}

.attr-extended-filter .extended-filter {
  background-color: #ebebeb;
  position: relative;
  padding: 15px 20px;
  border-radius: 5px;
}

.attr-extended-filter .extended-filter .extended-filter__content .input-tags {
  display: inline-block;
}

.attr-extended-filter .extended-filter .extended-filter__content .input-tags > * {
  display: inline-block;
}

.attr-extended-filter .extended-filter .extended-filter__content .input-tags .input-tags__first {
  background-color: #151515;
}

.attr-extended-filter .extended-filter .extended-filter__content .input-tags .input-tags__element {
  background-color: #dadada;
  padding: 0 27px 0 15px;
  border: none;
  border-radius: 3px;
  height: 31px;
  line-height: 30px;
  color: #232323;
  min-width: inherit;
  font-size: 12px;
  font-weight: bold;
  position: relative;
}

.attr-extended-filter .extended-filter .extended-filter__content .input-tags .input-tags__link {
  padding: 0 5px 0 15px;
}

.attr-extended-filter .extended-filter .extended-filter__content .input-tags .icon-absolute-close {
  font-size: 9px;
  position: absolute;
  right: 8px;
  top: 1px;
  height: 100%;
}

.attr-extended-filter .extended-filter .extended-filter__content .input-tags .icon-absolute-close:before {
  left: auto;
  right: 0;
}

.attr-extended-filter .extended-filter .extended-filter__content .input-tags .icon-absolute-close:hover {
  cursor: pointer;
  color: #F24E1E;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item {
  color: #656565;
  display: inline-block;
  font-size: 12px;
  margin-bottom: 0;
  float: left;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item--txt {
  line-height: 30px;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .et-input {
  margin: 0;
  background-color: #f5f5f5;
  color: #656565;
  font-size: 12px;
  padding: 7px 15px;
  border: none;
  border-radius: 4px;
  height: auto;
  line-height: inherit;
  width: 250px;
}

@media (max-width: 1024px) {
  .attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .et-input {
    width: inherit;
  }
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown.dropdown-style-list--dark .dropdown__list-inner {
  background-color: #232323;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown.dropdown-style-list--dark .dropdown__list-inner .bold-item {
  font-weight: bold;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item > .dropdown {
  height: auto;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown__btn {
  background-color: transparent;
  border: none;
  font-weight: 600;
  font-size: 12px;
  padding-left: 0;
  padding-bottom: 0;
  min-width: auto;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown__btn .txt {
  line-height: 30px;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item:not(:last-child) {
  margin-right: 20px;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-element {
  padding: 0 5px;
  background-color: #ebebeb;
  border: none;
  height: 31px;
  line-height: 30px;
  color: #232323;
  min-width: inherit;
  font-size: 12px;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-element .icon {
  color: inherit;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-element .title {
  color: #232323;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-element--transparent {
  background-color: transparent;
  padding: 0;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-dark {
  position: relative !important;
  font-size: 12px;
  min-width: 200px;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-dark.top-menu:before {
  top: -4px;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-dark .dropdown-dark--active > a {
  color: #656565;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-dark .dropdown-dark--active > a:after {
  -moz-osx-font-smoothing: grayscale;
  content: "c";
  color: #FFFFFF;
  font-family: "etracker";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  font-size: 12px;
  position: absolute;
  right: -26px;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-dark .dropdown-dark--active > a:hover,
.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-dark .dropdown-dark--active:hover {
  cursor: default;
  background-color: #232323;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-dark .dropdown-item__focus {
  background-color: #1e1e1e;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-dark .dropdown-item__focus a:focus {
  background-color: #1e1e1e;
  outline: none;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-dark > * {
  padding: 0 20px;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-dark > *:not(:first-child):not(:last-child) a {
  padding: 12px 0;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-dark > * a {
  padding-left: 0;
  padding-right: 0;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-dark > *:hover:not(.dropdown-dark--active):not(.column-header):not(.segment-placeholder):not(.suggestions-dropdown__placeholder),
.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-dark > * a:focus {
  background-color: #1e1e1e;
  outline: none;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .extended-filter__attributes-keyfigures {
  max-height: 300px;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-column {
  position: absolute;
  font-size: 12px;
  width: 200px;
  display: table-cell;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-column:before,
.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-column:after {
  content: "";
  width: 3px;
  border-radius: 2px;
  background: #060606;
  position: absolute;
  top: 42px !important;
  height: calc(100% - 42px);
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-column:not(:first-child):before {
  left: -3px;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-column:not(:first-child):after {
  display: none;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-column:not(:last-child):after {
  right: 0;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-column:not(:last-child):before {
  display: none;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-column .dropdown-dark--active:hover:before,
.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-column .dropdown-dark--active:hover + li:before,
.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-column .segment-placeholder:hover:before,
.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-column .segment-placeholder:hover + li:before {
  display: block;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-column .column-header:hover:not(:first-child):before,
.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-column .column-header:hover + li:before {
  display: block;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-column .column-header > * {
  color: #656565;
  font-weight: bolder;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-column .column-header:hover a:after {
  display: none;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-column .segment-placeholder {
  color: #888;
  line-height: 1.5;
  padding: 10px 20px 20px;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-column .column-header:hover,
.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-column .column-header a:hover,
.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-column .segment-placeholder:hover,
.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-column .segment-placeholder a:hover {
  color: #888;
  cursor: default;
  background-color: #232323;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .dropdown-column .column-header a:hover {
  color: #656565;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .suggestions-dropdown {
  position: absolute;
  left: -30px;
  width: 300px;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .suggestions-dropdown li {
  width: 100%;
  height: 100%;
  display: table;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .suggestions-dropdown li:hover {
  background-color: #3d3d3d;
  outline: none;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .suggestions-dropdown a {
  display: table-cell;
  vertical-align: middle;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  padding: 10px 0 20px 20px;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .suggestions-dropdown a:focus {
  background-color: #3d3d3d;
  outline: none;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .suggestions-dropdown > *:first-child {
  padding-top: 7px;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .suggestions-dropdown__item:before {
  background-color: #3d3d3d;
  border-left: 2px solid #3d3d3d;
  border-top: 2px solid #3d3d3d;
  left: 0;
  width: 100%;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .suggestions-dropdown .suggestions-dropdown__placeholder {
  color: #656565;
  padding: 20px;
}

.attr-extended-filter .extended-filter .extended-filter__content .extended-filter__item .suggestions-dropdown .suggestions-dropdown__placeholder:hover {
  cursor: default;
  background-color: #3d3d3d;
}

.attr-extended-filter .extended-filter .extended-filter__button {
  background-color: #dadada;
  border-radius: 0 5px 5px 0;
  color: #656565;
  cursor: pointer;
  height: 100%;
  padding-top: 22px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 30px;
}

.attr-extended-filter .extended-filter .extended-filter__button:not(.attr-extended-filter--hover) {
  cursor: default;
  color: #b4b4b4;
}

.search-term-dropdown {
  color: #FFFFFF;
  position: absolute;
  width: 300px;
  font-size: 12px;
}

.search-term-dropdown > *:first-child {
  color: #9e9e9e;
  padding: 20px 20px 15px 25px;
  font-weight: bold;
  font-size: 13px;
}

.search-term-dropdown > *:first-child:before {
  background-color: #232323;
  top: -4px;
  content: "";
  height: 9px;
  left: 145px;
  margin-left: -4px;
  position: absolute;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 9px;
}

.search-term-dropdown > *:last-child {
  background-color: #1e1e1e;
  border-radius: 0 0 5px 5px;
  text-align: center;
  font-weight: bold;
  padding: 15px;
}

.search-term-dropdown li a.segment-menu-item {
  white-space: nowrap;
  width: inherit;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  padding: 15px 0 0 25px;
}

.search-term-dropdown li a.segment-menu-item:focus {
  background-color: #1e1e1e;
  outline: none;
}

.search-term-dropdown .search-terms-placeholder {
  color: #9e9e9e;
  padding: 10px 0 20px 25px;
}

.user-administration__user-count-header {
  width: 320px;
}

.user-administration__actions-header {
  width: 240px;
}

.user-administration__account-name-header {
  width: 110px;
}

.user-administration__login-count-header,
.user-administration__status-header {
  width: 95px;
}

.user-administration__twofa-header {
  width: 55px;
}

.user-administration__force_mfa-header {
  width: 130px;
}

.user-administration .pointer:hover {
  cursor: pointer;
}

/* Enable the application of margins to angular components */

apollo-role-administration,
apollo-sub-user-administration {
  display: block;
}

.add-role .role-product-selection label {
  margin-bottom: 15px;
}

.add-role .role-product-selection .apollo-access-details {
  margin-left: 40px;
}

.custom-segments__parameter-header {
  width: 150px;
}

.custom-segments__actions-header {
  width: 110px;
}

.custom-segments__table-placeholder {
  height: 100px;
}

@-webkit-keyframes jump_7 {
  0% {
    top: 7px;
  }

  80% {
    top: 7px;
  }

  81% {
    top: 6px;
  }

  84% {
    top: 2px;
  }

  85% {
    top: 1px;
  }

  86% {
    top: 2px;
  }

  89% {
    top: 6px;
  }

  90% {
    top: 7px;
  }

  91% {
    top: 6px;
  }

  94% {
    top: 2px;
  }

  95% {
    top: 1px;
  }

  96% {
    top: 2px;
  }

  99% {
    top: 6px;
  }

  100% {
    top: 7px;
  }
}

@keyframes jump_7 {
  0% {
    top: 7px;
  }

  80% {
    top: 7px;
  }

  81% {
    top: 6px;
  }

  84% {
    top: 2px;
  }

  85% {
    top: 1px;
  }

  86% {
    top: 2px;
  }

  89% {
    top: 6px;
  }

  90% {
    top: 7px;
  }

  91% {
    top: 6px;
  }

  94% {
    top: 2px;
  }

  95% {
    top: 1px;
  }

  96% {
    top: 2px;
  }

  99% {
    top: 6px;
  }

  100% {
    top: 7px;
  }
}

@-webkit-keyframes jump_11 {
  0% {
    top: 11px;
  }

  80% {
    top: 11px;
  }

  81% {
    top: 10px;
  }

  84% {
    top: 6px;
  }

  85% {
    top: 5px;
  }

  86% {
    top: 6px;
  }

  89% {
    top: 10px;
  }

  90% {
    top: 11px;
  }

  91% {
    top: 10px;
  }

  94% {
    top: 6px;
  }

  95% {
    top: 5px;
  }

  96% {
    top: 6px;
  }

  99% {
    top: 10px;
  }

  100% {
    top: 11px;
  }
}

@keyframes jump_11 {
  0% {
    top: 11px;
  }

  80% {
    top: 11px;
  }

  81% {
    top: 10px;
  }

  84% {
    top: 6px;
  }

  85% {
    top: 5px;
  }

  86% {
    top: 6px;
  }

  89% {
    top: 10px;
  }

  90% {
    top: 11px;
  }

  91% {
    top: 10px;
  }

  94% {
    top: 6px;
  }

  95% {
    top: 5px;
  }

  96% {
    top: 6px;
  }

  99% {
    top: 10px;
  }

  100% {
    top: 11px;
  }
}

@-webkit-keyframes jump_15 {
  0% {
    top: 15px;
  }

  80% {
    top: 15px;
  }

  81% {
    top: 14px;
  }

  84% {
    top: 10px;
  }

  85% {
    top: 9px;
  }

  86% {
    top: 10px;
  }

  89% {
    top: 14px;
  }

  90% {
    top: 15px;
  }

  91% {
    top: 14px;
  }

  94% {
    top: 10px;
  }

  95% {
    top: 9px;
  }

  96% {
    top: 10px;
  }

  99% {
    top: 14px;
  }

  100% {
    top: 15px;
  }
}

@keyframes jump_15 {
  0% {
    top: 15px;
  }

  80% {
    top: 15px;
  }

  81% {
    top: 14px;
  }

  84% {
    top: 10px;
  }

  85% {
    top: 9px;
  }

  86% {
    top: 10px;
  }

  89% {
    top: 14px;
  }

  90% {
    top: 15px;
  }

  91% {
    top: 14px;
  }

  94% {
    top: 10px;
  }

  95% {
    top: 9px;
  }

  96% {
    top: 10px;
  }

  99% {
    top: 14px;
  }

  100% {
    top: 15px;
  }
}

.new-message-notifier {
  display: block;
  position: absolute;
  z-index: 100;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  /* POSITIONING */
  /* SIZING */
  /* CONTENT */
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  vertical-align: middle;
  /* COLOURS */
  color: #FFFFFF;
  background: -webkit-gradient(linear, left bottom, left top, from(#ff4a5a), to(#f24e1e));
  background: -webkit-linear-gradient(bottom, #ff4a5a, #f24e1e);
  background: -o-linear-gradient(bottom, #ff4a5a, #f24e1e);
  background: linear-gradient(0deg, #ff4a5a, #f24e1e);
}

.dashboard-cnt .new-message-notifier {
  -webkit-animation-name: jump_11;
          animation-name: jump_11;
  top: 11px;
  left: 40px;
}

@media (max-width: 1023px) {
  .dashboard-cnt .new-message-notifier {
    -webkit-animation-name: jump_15;
            animation-name: jump_15;
    top: 15px;
    left: 31px;
  }
}

.sidebar-column .new-message-notifier {
  top: 7px;
  -webkit-animation-name: jump_7;
          animation-name: jump_7;
  left: 43px;
}

@media (max-width: 1279px) {
  .sidebar-column .new-message-notifier {
    left: 38px;
  }
}

.dashboard-cnt .new-message-notifier {
  min-width: 18px;
  height: 18px;
  border: 3px solid;
  border-radius: 12px;
}

.sidebar-column .new-message-notifier {
  min-width: 16px;
  height: 16px;
  border: 2px solid;
  border-radius: 12px;
}

.new-message-notifier.one {
  /* Fix for bad positioning of character '1' */
  padding-right: 1px;
}

.new-message-notifier.nine-plus {
  /* Fix for positioning of characters '9+' */
  padding: 0 3px;
}

.account .new-message-notifier {
  border-color: #f5f5f5;
}

.account:hover .new-message-notifier {
  border-color: #ebebeb;
}

apollo-banner + new-message-notifier {
  position: relative;
}

.dashboard-cnt apollo-banner + new-message-notifier .new-message-notifier {
  top: 64px;
}

.apollo-footer {
  padding: 0 20px;
  font-size: 13px;
  margin: 0;
  bottom: 0;
}

.apollo-footer.apollo-footer--report {
  margin-left: 248px;
  width: calc(100% - 248px);
}

.apollo-footer.apollo-footer--report.folded-sidebar {
  width: calc(100% - 78px);
  margin-left: 78px;
}

.apollo-footer.apollo-footer--report .apollo-footer__links a {
  color: #454545;
}

.apollo-footer.apollo-footer--report .apollo-footer__copyright {
  color: #9e9e9e;
}

.apollo-footer.apollo-footer--report .apollo-footer__button {
  color: #d6d6d6;
  border-color: #d6d6d6;
}

.apollo-footer.apollo-footer--report .apollo-footer__button.apollo-footer__button--active,
.apollo-footer.apollo-footer--report .apollo-footer__button:hover {
  color: #454545;
  border-color: #454545;
}

.apollo-footer .apollo-footer__inner {
  border-top: 1px solid #d6d6d6;
  padding: 50px 0;
}

.apollo-footer .apollo-footer__columns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}

.apollo-footer .apollo-footer__columns .apollo-footer__column.apollo-footer__column--language {
  -ms-flex-positive: 1;
      flex-grow: 1;
  text-align: end;
  white-space: nowrap;
}

.apollo-footer .apollo-footer__columns .apollo-footer__column .apollo-footer__links {
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 20px;
}

.apollo-footer .apollo-footer__columns .apollo-footer__column .apollo-footer__links > *:not(:last-child) {
  margin-right: 50px;
}

.apollo-footer .apollo-footer__columns .apollo-footer__column .apollo-footer__button {
  cursor: pointer;
  display: inline-block;
  padding: 5px 13px;
  border-top: solid 1px;
  border-bottom: solid 1px;
}

.apollo-footer .apollo-footer__columns .apollo-footer__column .apollo-footer__button:first-child {
  border-left: solid 1px;
  border-radius: 4px 0 0 4px;
}

.apollo-footer .apollo-footer__columns .apollo-footer__column .apollo-footer__button:last-child {
  border-right: solid 1px;
  border-radius: 0 4px 4px 0;
}

.apollo-footer .apollo-footer__columns .apollo-footer__column .apollo-footer__button.apollo-footer__button--active,
.apollo-footer .apollo-footer__columns .apollo-footer__column .apollo-footer__button.apollo-footer__button--pseudo-active {
  border: 1px solid;
  border-radius: 4px;
}

.apollo-footer .apollo-footer__columns .apollo-footer__column:not(:last-child) {
  margin-right: 30px;
}

@media (max-width: 500px) {
  .apollo-footer .apollo-footer__columns .apollo-footer__column--links {
    display: none;
  }
}

.menu-collapsible .apollo-footer.apollo-footer--report {
  margin-left: 0;
  width: 100%;
}

@media (max-width: 1279px) {
  .menu-collapsible .apollo-footer {
    margin-left: 0;
    width: 100%;
  }
}

.apollo-footer.apollo-footer--login {
  width: 100%;
  position: absolute;
}

.apollo-footer.apollo-footer--login .apollo-footer__links a {
  color: #454545;
}

.apollo-footer.apollo-footer--login .apollo-footer__button {
  color: #d6d6d6;
  border-color: #d6d6d6;
}

.apollo-footer.apollo-footer--login .apollo-footer__button:hover,
.apollo-footer.apollo-footer--login .apollo-footer__button--active {
  color: #454545;
  border-color: #454545;
}

.browser-warning {
  display: block;
  height: 100%;
  width: 100%;
  position: fixed;
  background: #FFFFFF;
  z-index: 100000;
  overflow: hidden;
  text-align: center;
}

.browser-warning p {
  border: 1px solid #000;
  color: #c71000;
  margin: auto;
  margin-top: 200px;
  padding: 25px;
  width: 500px;
}

.last-visitors .header,
.last-pages .header {
  padding-right: 0;
}

.last-visitors .header .title-report,
.last-pages .header .title-report {
  float: none;
}

.last-visitors .header .header-grid,
.last-pages .header .header-grid {
  display: grid;
  grid-template-columns: 300px 250px;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  -ms-flex-align: center;
      align-items: center;
}

.last-visitors .header .header-grid .search-filter,
.last-pages .header .header-grid .search-filter {
  margin-left: 0;
}

.last-visitors .header .update,
.last-pages .header .update {
  font-size: 11px;
  display: inline;
  cursor: pointer;
  position: relative;
}

.last-visitors .header .update:hover .icon-refresh,
.last-pages .header .update:hover .icon-refresh {
  color: #F24E1E;
}

.last-visitors .header .update .icon-refresh,
.last-pages .header .update .icon-refresh {
  font-size: 17px;
  margin-right: 10px;
  display: inline-block;
  line-height: 17px;
  vertical-align: middle;
}

.last-visitors .header .filter,
.last-pages .header .filter {
  position: relative;
}

.last-visitors .header .description,
.last-pages .header .description {
  font-size: 11px;
  margin-top: 14px;
}

.last-visitors .filter-cnt,
.last-pages .filter-cnt {
  margin-top: 80px;
}

.last-visitors .filter-cnt .ip-address-dimension:hover,
.last-pages .filter-cnt .ip-address-dimension:hover {
  cursor: default;
}

.last-visitors .load-more-cnt,
.last-pages .load-more-cnt {
  margin-top: 40px;
}

.last-visitors .load-more-cnt > *,
.last-pages .load-more-cnt > * {
  float: left;
}

.last-visitors .load-more-cnt .loaded-data,
.last-pages .load-more-cnt .loaded-data {
  font-size: 13px;
  padding-top: 12px;
  margin: 0 40px;
}

.last-visitors .load-more-cnt .load-more,
.last-pages .load-more-cnt .load-more {
  width: 600px;
}

.last-visitors table,
.last-pages table {
  margin-top: 30px;
  border-collapse: separate;
}

.last-visitors table tr,
.last-pages table tr {
  border-radius: 10px;
}

.last-visitors table tr.separating-row.separating-row > td,
.last-pages table tr.separating-row.separating-row > td {
  background-color: #cecece;
  border-left: none;
  border-right: none;
  height: 2px;
}

.last-visitors table tr > *,
.last-pages table tr > * {
  vertical-align: middle;
  border: 1px #e1e1e1 solid;
  border-bottom: none;
  border-left: none;
}

.last-visitors table tr > *:not(.kf-header):not(.kf-data),
.last-pages table tr > *:not(.kf-header):not(.kf-data) {
  padding-left: 40px;
  padding-right: 40px;
}

.last-visitors table tr.is-ip-filtered > td,
.last-pages table tr.is-ip-filtered > td {
  text-decoration: line-through;
}

.last-visitors table tr.is-ip-filtered > td:not(.ip-address),
.last-visitors table tr.is-ip-filtered .ip-address .text,
.last-pages table tr.is-ip-filtered > td:not(.ip-address),
.last-pages table tr.is-ip-filtered .ip-address .text {
  opacity: 0.5;
}

.last-visitors table tr th,
.last-pages table tr th {
  color: #656565;
  background-color: #ebebeb;
  font-size: 12px;
  font-weight: normal;
  width: 210px;
  height: 24px;
}

.last-visitors table tr th:first-child,
.last-pages table tr th:first-child {
  border-top-left-radius: 5px;
  border-left: 1px #e1e1e1 solid;
}

.last-visitors table tr th:last-child,
.last-pages table tr th:last-child {
  border-top-right-radius: 5px;
}

.last-visitors table tr th.kf-header,
.last-pages table tr th.kf-header {
  background-color: #FFFFFF;
  width: 110px;
  text-align: center;
}

.last-visitors table tr th.kf-header--group,
.last-pages table tr th.kf-header--group {
  border-bottom: none;
  border-top-right-radius: 5px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  color: #979797;
}

.last-visitors table tr th.kf-header--group:not(.first-group),
.last-pages table tr th.kf-header--group:not(.first-group) {
  border-top-left-radius: 5px;
}

.last-visitors table tr th.kf-header--figure,
.last-pages table tr th.kf-header--figure {
  border-top: none;
  border-bottom: none;
  border-radius: 0;
  border-left: none;
}

.last-visitors table tr th.kf-header--figure .keyfigure-tooltip,
.last-pages table tr th.kf-header--figure .keyfigure-tooltip {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.last-visitors table tr th.kf-header--figure:not(:last-child),
.last-pages table tr th.kf-header--figure:not(:last-child) {
  border-right: none;
}

.last-visitors table tr th.kf-header--empty,
.last-pages table tr th.kf-header--empty {
  border-top: none;
  border-left: none;
  border-radius: 0;
}

.last-visitors table tr th.kf-header--empty:not(:last-child),
.last-pages table tr th.kf-header--empty:not(:last-child) {
  border-right: none;
}

.last-visitors table tr td,
.last-pages table tr td {
  font-size: 13px;
  font-weight: 600;
  border-top: none;
  height: 50px;
}

.last-visitors table tr td:first-child,
.last-pages table tr td:first-child {
  border-left: 1px #e1e1e1 solid;
}

.last-visitors table tr td.ip-address .text,
.last-pages table tr td.ip-address .text {
  text-decoration: underline;
}

.last-visitors table tr td.ip-address .bullet,
.last-pages table tr td.ip-address .bullet {
  display: none;
  background-color: #35e33d;
  width: 10px;
  height: 10px;
  border-radius: 12px;
  float: left;
  margin: 2px 0 0 12px;
  margin-left: -20px;
}

.last-visitors table tr td.ip-address.is-live .bullet,
.last-pages table tr td.ip-address.is-live .bullet {
  display: block;
}

.last-visitors table tr td.ip-address.is-live .text,
.last-pages table tr td.ip-address.is-live .text {
  color: #35e33d;
}

.last-visitors table tr td.ip-address:hover,
.last-pages table tr td.ip-address:hover {
  cursor: pointer;
}

.last-visitors table tr td.kf-data,
.last-pages table tr td.kf-data {
  border-top: none;
  border-bottom: none;
  border-right: 5px #FFFFFF solid;
  text-align: center;
}

.last-visitors table tr td.kf-data:last-child,
.last-pages table tr td.kf-data:last-child {
  border-right: 1px #e1e1e1 solid;
}

.last-visitors table tr td.no-border,
.last-pages table tr td.no-border {
  border-right: none;
}

.last-visitors table tr:nth-of-type(odd),
.last-pages table tr:nth-of-type(odd) {
  background-color: #ebebeb;
}

.last-visitors table tr:nth-of-type(odd) .kf-data,
.last-pages table tr:nth-of-type(odd) .kf-data {
  background-color: #f5f5f5;
}

.last-visitors table tr:nth-of-type(even),
.last-pages table tr:nth-of-type(even) {
  background-color: #f5f5f5;
}

.last-visitors table tr:nth-of-type(even) .kf-data,
.last-pages table tr:nth-of-type(even) .kf-data {
  background-color: #FFFFFF;
}

.last-visitors table tr:last-child td,
.last-pages table tr:last-child td {
  border-bottom: 1px #e1e1e1 solid;
}

.last-visitors table tr:last-child td:first-child,
.last-pages table tr:last-child td:first-child {
  border-bottom-left-radius: 5px;
}

.last-visitors table tr:last-child td:last-child,
.last-pages table tr:last-child td:last-child {
  border-bottom-right-radius: 5px;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient,
.ds-options-wrapper {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.ds-segment-block,
.ds-segment-block-zero {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient,
.ds-options-wrapper {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.ds-segment-block,
.ds-segment-block-zero {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

.tooltip-dark.last-vis {
  margin-top: 0;
  width: auto;
}

.tooltip-dark.last-vis .tooltip-inner {
  font-weight: bold;
  max-width: 800px;
  opacity: 0.9;
  word-wrap: break-word;
}

.tooltip-dark.last-vis .tooltip-arrow {
  opacity: 0.75;
}

.tooltip-dark.crawler {
  margin-top: 0;
  width: 250px;
}

.tooltip-dark.crawler .tooltip-inner {
  max-width: 250px;
}

.last-visitors-details {
  min-width: 930px;
}

.last-visitors-details .bold {
  font-weight: bold;
}

.last-visitors-details .bold-grey {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #888;
}

.last-visitors-details .value {
  font-weight: 600;
}

.last-visitors-details .title-report {
  float: none;
}

.last-visitors-details .grid {
  display: grid;
  grid-gap: 10px;
  padding: 0 25px;
  grid-template-columns: auto auto auto 1fr auto;
}

.last-visitors-details .grid .row-start {
  grid-column-start: 1;
}

.last-visitors-details .grid .distance {
  grid-column-start: 1;
  grid-column-end: 4;
  height: 15px;
}

.last-visitors-details .grid .second {
  grid-column-start: 4;
  font-size: 12px;
}

.last-visitors-details .grid .second .value {
  display: inline-block;
}

.last-visitors-details .grid .event-details {
  font-size: 12px;
  padding-top: 10px;
  text-align: center;
}

.last-visitors-details .grid .event-value {
  position: relative;
  font-size: 12px;
  grid-column-start: 4;
  padding-top: 10px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.last-visitors-details .grid .event-value .transparent {
  opacity: 0;
}

.last-visitors-details .grid .event-value .visible {
  position: absolute;
  left: 0;
  right: 10px;
  top: 9px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.last-visitors-details .grid .mirror-y {
  display: inline-block;
  -webkit-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
          transform: scaleY(-1);
}

.last-visitors-details .grid .session-info {
  grid-column-start: 5;
  grid-row-start: span 5;
  font-size: 12px;
  padding: 0 10px;
  border-left: 1px solid #D4D4D4;
}

.last-visitors-details .grid .session-info div + div {
  margin-top: 10px;
}

.last-visitors-details .grid .session-info .info-tooltip {
  display: inline-block;
  border: 1px solid #656565;
  border-radius: 100px;
  width: 14px;
  padding-left: 5px;
}

.last-visitors-details .grid .session-info .info-tooltip:hover {
  background-color: #F24E1E;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

.last-visitors-details .grid .user-icon {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 5;
  color: #F24E1E;
  font-size: 100px;
  padding-left: 20px;
}

.last-visitors-details .grid .keyfigure {
  width: 220px;
  display: inline-block;
}

.last-visitors-details .grid .session-header {
  grid-column-start: 1;
  grid-column-end: -1;
  font-size: 15px;
  background-color: #f5f5f5;
  border-radius: 5px;
  height: 40px;
  vertical-align: middle;
  padding-top: 12px;
  padding-left: 12px;
  margin-top: 25px;
  margin-bottom: 20px;
}

.last-visitors-details .grid .session-header .online {
  display: inline-block;
  color: #35e33d;
}

.last-visitors-details .grid .session-header .online .dot {
  background-color: #35e33d;
  width: 10px;
  height: 10px;
  border-radius: 12px;
  float: left;
  margin: 2px 0 0 12px;
}

.scroll-depth-cnt {
  position: relative;
}

.scroll-depth-cnt.scroll-depth-cnt--collapsed-kpi-bar .header-container .controls .kpi .kpi__button {
  background-color: #FFFFFF;
}

.scroll-depth-cnt.scroll-depth-cnt--collapsed-kpi-bar .header-container .controls .kpi .kpi__button:hover {
  background-color: #f0f0f0;
  color: #333;
}

.scroll-depth-cnt.scroll-depth-cnt--collapsed-kpi-bar .header-container .controls .kpi .kpi__button:after {
  display: none;
}

.scroll-depth-cnt.scroll-depth-cnt--collapsed-kpi-bar .header-container .kpi-bar {
  height: 0;
  overflow: hidden;
}

.scroll-depth-cnt.scroll-depth-cnt--collapsed-kpi-bar .header-container .kpi-bar .kpi-bar__tile:before {
  height: 0 !important;
}

.scroll-depth-cnt.scroll-depth-cnt--collapsed-kpi-bar-add {
  -webkit-transition: height 0.5s ease-in, overflow 0.5s ease-in;
  -o-transition: height 0.5s ease-in, overflow 0.5s ease-in;
  transition: height 0.5s ease-in, overflow 0.5s ease-in;
}

.scroll-depth-cnt.scroll-depth-cnt--collapsed-kpi-bar-remove {
  -webkit-transition: height 0.5s ease-in, overflow 0.5s ease-in;
  -o-transition: height 0.5s ease-in, overflow 0.5s ease-in;
  transition: height 0.5s ease-in, overflow 0.5s ease-in;
}

.scroll-depth-cnt.scroll-depth-cnt--collapsed-kpi-bar-remove .header-container .kpi-bar {
  overflow: hidden !important;
}

.scroll-depth-cnt.scroll-depth-cnt--collapsed-kpi-bar-remove .header-container .kpi-bar .kpi-bar__tile:before {
  -webkit-transition: height 0.25s ease-in;
  -o-transition: height 0.25s ease-in;
  transition: height 0.25s ease-in;
}

.scroll-depth-cnt .inline-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding: 0 38px;
}

.scroll-depth-cnt .inline-group .inline-group__element {
  display: inline-block;
}

.scroll-depth-cnt .header-container {
  top: 0;
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  background: #FFFFFF;
  z-index: 1;
}

.scroll-depth-cnt .header-container.header-container--shadow {
  -webkit-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.05);
}

.scroll-depth-cnt .header-container .menu {
  height: 42px;
  width: 100%;
  position: relative;
  background: #323232;
}

.scroll-depth-cnt .header-container .menu .icon {
  color: #FFFFFF;
  cursor: pointer;
}

.scroll-depth-cnt .header-container .menu .logo {
  color: #F24E1E;
  float: right;
  width: 80px;
  margin-left: auto;
  display: block;
  height: 42px;
}

.scroll-depth-cnt .header-container .apollo-date-picker {
  float: none;
}

.scroll-depth-cnt .header-container .controls {
  height: 69px;
}

.scroll-depth-cnt .header-container .controls .devices {
  height: 40px;
}

.scroll-depth-cnt .header-container .controls .devices .devices__element {
  cursor: pointer;
  border: 1px solid #e9e9e9;
  padding-left: 20px;
  width: 160px;
  text-align: left;
  line-height: 38px;
  -webkit-transition: background-color, 0.5s ease;
  -o-transition: background-color, 0.5s ease;
  transition: background-color, 0.5s ease;
}

.scroll-depth-cnt .header-container .controls .devices .devices__element.devices__element--active {
  background-color: #e9e9e9;
}

.scroll-depth-cnt .header-container .controls .devices .devices__element.devices__element--active .devices__label {
  font-weight: 600;
  color: #262626;
}

.scroll-depth-cnt .header-container .controls .devices .devices__element:hover:not(.devices__element--active) {
  background-color: #f0f0f0;
}

.scroll-depth-cnt .header-container .controls .devices .devices__element:hover:not(.devices__element--active) input[type='radio']:not(:checked):before {
  background-color: #e9e9e9;
}

.scroll-depth-cnt .header-container .controls .devices .devices__element .devices__icon,
.scroll-depth-cnt .header-container .controls .devices .devices__element .devices__label {
  font-weight: 400;
  color: #a5a5a5;
}

.scroll-depth-cnt .header-container .controls .devices .devices__element .devices__icon {
  float: left;
  margin-right: 10px;
}

.scroll-depth-cnt .header-container .controls .devices .devices__element .devices__icon:before {
  vertical-align: middle;
}

.scroll-depth-cnt .header-container .controls .devices .devices__element:not(:last-child) {
  margin-right: 1px;
}

.scroll-depth-cnt .header-container .controls .devices .devices__element:first-child {
  border-radius: 4px 0 0 4px;
}

.scroll-depth-cnt .header-container .controls .devices .devices__element:last-child {
  border-radius: 0 4px 4px 0;
}

.scroll-depth-cnt .header-container .controls .devices .devices__element input[type='radio'] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-block;
  margin: 10px;
  width: 19px;
  height: 19px;
  border-radius: 100%;
  vertical-align: middle;
  outline: none;
  border: 2px solid #e0e0e0;
  background-color: #FFFFFF;
  float: right;
}

.scroll-depth-cnt .header-container .controls .devices .devices__element input[type='radio']:before {
  content: '';
  position: absolute;
  height: 7px;
  width: 7px;
  border-radius: 100%;
  margin-top: 4px;
  margin-left: 4px;
}

.scroll-depth-cnt .header-container .controls .devices .devices__element input[type='radio']:checked:before {
  background-color: #F24E1E;
}

.scroll-depth-cnt .header-container .controls .kpi {
  margin-left: 20px;
}

.scroll-depth-cnt .header-container .controls .kpi .kpi__button {
  font-size: 16px;
  border-color: #e0e0e0;
  background-color: #e9e9e9;
}

.scroll-depth-cnt .header-container .controls .kpi .kpi__button.kpi__button--active {
  background-color: #e9e9e9;
}

.scroll-depth-cnt .header-container .controls .kpi .kpi__button:hover {
  color: #333;
}

.scroll-depth-cnt .header-container .controls .kpi .kpi__button:after {
  content: '';
  position: absolute;
  background-color: #FFFFFF;
  height: 12px;
  width: 12px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 13px;
  bottom: -22px;
  border-bottom: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}

.scroll-depth-cnt .header-container .controls .datepicker {
  margin-left: auto;
}

.scroll-depth-cnt .header-container .kpi-bar {
  -webkit-transition: height 0.2s ease-in, overflow 0.2s ease-in;
  -o-transition: height 0.2s ease-in, overflow 0.2s ease-in;
  transition: height 0.2s ease-in, overflow 0.2s ease-in;
}

@media (max-width: 1024px) {
  .scroll-depth-cnt .header-container .kpi-bar {
    padding: 0 0;
  }

  .scroll-depth-cnt .header-container .kpi-bar .kpi-bar__sum-label {
    display: none;
  }
}

.scroll-depth-cnt .header-container .kpi-bar .kpi-bar__sum-label {
  width: 120px;
  color: #888;
  font-size: 12px;
  margin-right: -120px;
}

.scroll-depth-cnt .header-container .kpi-bar .kpi-bar__tiles {
  margin: auto;
}

.scroll-depth-cnt .header-container .kpi-bar .kpi-bar__tiles .kpi-bar__tile {
  padding: 0 20px;
}

@media (max-width: 1024px) {
  .scroll-depth-cnt .header-container .kpi-bar .kpi-bar__tiles .kpi-bar__tile {
    max-width: 150px;
  }
}

.scroll-depth-cnt .header-container .kpi-bar .kpi-bar__tiles .kpi-bar__tile .kpi-bar__label {
  color: #888;
  font-size: 12px;
  margin-bottom: 6px;
}

.scroll-depth-cnt .header-container .kpi-bar .kpi-bar__tiles .kpi-bar__tile .kpi-bar__value {
  color: #262626;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 3px;
}

.scroll-depth-cnt .header-container .kpi-bar .kpi-bar__tiles .kpi-bar__tile .kpi-bar__value-percent {
  display: none;
}

.scroll-depth-cnt .header-container .kpi-bar .kpi-bar__tiles .kpi-bar__tile .kpi-bar__bar {
  height: 4px;
  min-width: 84px;
  width: 100%;
  background-color: #d8d8d8;
}

.scroll-depth-cnt .header-container .kpi-bar .kpi-bar__tiles .kpi-bar__tile .kpi-bar__bar .kpi-bar__progress {
  height: 100%;
  background-color: #262626;
}

.scroll-depth-cnt .header-container .kpi-bar__page-data {
  background-color: #fafafa;
  height: 70px;
  border-top: 1px solid #ebebeb;
}

.scroll-depth-cnt .header-container .kpi-bar__page-data .kpi-bar__sum-label,
.scroll-depth-cnt .header-container .kpi-bar__page-data .kpi-bar__tile {
  margin-top: 12px;
}

.scroll-depth-cnt .header-container .kpi-bar__page-data .kpi-bar__tile:not(:first-child):before {
  content: ' ';
  display: block;
  width: 1px;
  position: absolute;
  margin-left: -20px;
  margin-top: -5px;
  height: 75px;
  background-color: #e9e9e9;
  z-index: 5;
}

.scroll-depth-cnt .header-container .kpi-bar__page-data:hover {
  cursor: pointer;
}

.scroll-depth-cnt .header-container .kpi-bar__page-data:hover .kpi-bar__value .kpi-bar__value-absolute:not(.no-hover) {
  display: none;
}

.scroll-depth-cnt .header-container .kpi-bar__page-data:hover .kpi-bar__value .kpi-bar__value-percent {
  display: inline;
}

.scroll-depth-cnt .header-container .kpi-bar__sum-data {
  height: 25px;
  border-bottom: 1px solid #ebebeb;
  background-color: #f5f5f5;
}

.scroll-depth-cnt .header-container .kpi-bar__sum-data .kpi-bar__label,
.scroll-depth-cnt .header-container .kpi-bar__sum-data .kpi-bar__bar,
.scroll-depth-cnt .header-container .kpi-bar__sum-data .kpi-bar__value {
  height: 0;
  visibility: hidden;
}

.scroll-depth-cnt .header-container .kpi-bar__sum-data .kpi-bar__sum-value {
  color: #262626;
  font-size: 12px;
  margin-top: -20px;
}

.scroll-depth-cnt .header-container .kpi-bar__sum-data .kpi-bar__sum-value .kpi-bar__suffix {
  color: #888;
}

.scroll-depth-cnt .content {
  padding-top: 30px;
  overflow: hidden;
  position: absolute;
  width: 100%;
}

.scroll-depth-cnt .content .iframe-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  height: calc(100vh - 322px);
}

.scroll-depth-cnt .content .iframe-wrapper .iframe-wrapper__element {
  height: calc(100vh - 362px);
}

.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis {
  width: 160px;
  z-index: 0;
  position: relative;
  top: 0;
}

.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis .area {
  width: 100%;
  position: relative;
  -webkit-transition: height, 0.5s ease;
  -o-transition: height, 0.5s ease;
  transition: height, 0.5s ease;
}

.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis .area .area__bar,
.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis .area .area__tile {
  display: inline-block;
}

.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis .area.color-top .area__bar,
.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis .area.color-top .area__tile {
  background-color: #04e64b;
  color: #008a2b;
  -webkit-transition: color, 0.5s ease;
  -o-transition: color, 0.5s ease;
  transition: color, 0.5s ease;
}

.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis .area.color-high .area__bar,
.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis .area.color-high .area__tile {
  background-color: #09c963;
  color: #026832;
  -webkit-transition: color, 0.5s ease;
  -o-transition: color, 0.5s ease;
  transition: color, 0.5s ease;
}

.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis .area.color-middle .area__bar,
.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis .area.color-middle .area__tile {
  background-color: #158299;
  color: #042f38;
  -webkit-transition: color, 0.5s ease;
  -o-transition: color, 0.5s ease;
  transition: color, 0.5s ease;
}

.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis .area.color-low .area__bar,
.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis .area.color-low .area__tile {
  background-color: #8f0086;
  color: #ff91f9;
  -webkit-transition: color, 0.5s ease;
  -o-transition: color, 0.5s ease;
  transition: color, 0.5s ease;
}

.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis .area.color-lower .area__bar,
.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis .area.color-lower .area__tile {
  background-color: #e10025;
  color: #fff;
  -webkit-transition: color, 0.5s ease;
  -o-transition: color, 0.5s ease;
  transition: color, 0.5s ease;
}

.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis .area.color-zero .area__bar,
.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis .area.color-zero .area__tile {
  background-color: #ff003a;
  color: #fff;
  -webkit-transition: color, 0.5s ease;
  -o-transition: color, 0.5s ease;
  transition: color, 0.5s ease;
}

.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis .area.color-unknown .area__bar,
.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis .area.color-unknown .area__tile {
  background-color: #888;
  color: #282828;
  -webkit-transition: color, 0.5s ease;
  -o-transition: color, 0.5s ease;
  transition: color, 0.5s ease;
}

.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis .area:not(:last-child) .area__bar:after {
  content: '';
  bottom: -1px;
  left: -100px;
  position: absolute;
  height: 2px;
  background-color: #000;
  opacity: 0.3;
  width: 10000%;
  z-index: 1;
  -webkit-box-shadow: 0 1px 0 1px #FFFFFF;
          box-shadow: 0 1px 0 1px #FFFFFF;
  border: solid 1px #000;
}

.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis .area:first-child .area__bar {
  border-top: 1px solid #ebebeb;
  border-radius: 3px 3px 0 0;
}

.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis .area:last-child .area__bar {
  border-bottom: 1px solid #ebebeb;
  border-radius: 0 0 3px 3px;
}

.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis .area .area__bar {
  height: 100%;
  width: 10px;
  margin-left: 10px;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}

.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis .area .area__tiles {
  position: absolute;
  top: 20px;
  margin-left: 40px;
}

.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis .area .area__tiles .area__tile {
  width: 100px;
  padding: 7px 11px;
  font-weight: 600;
  font-size: 11px;
  border-radius: 2px;
}

.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis .area .area__tiles .area__tile:not(:last-child) {
  margin-bottom: 5px;
}

.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis .area .area__tiles .area__tile .area__tile__body {
  margin-top: 7px;
  color: #FFFFFF;
  font-size: 15px;
}

.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis .area .area__tiles .area__tile .area__tile__body .number {
  font-weight: 800;
}

.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis .area .area__tiles .area__tile.area__tile--staytime {
  background-color: #FFFFFF;
  border: 1px solid #ebebeb;
}

.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis .area .area__tiles .area__tile.area__tile--staytime .area__tile__header {
  color: #a5a5a5;
}

.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis .area .area__tiles .area__tile.area__tile--staytime .area__tile__body {
  color: #262626;
}

.scroll-depth-cnt .content .iframe-wrapper .scroll-depth-y-axis .area .area__tiles .area__tile.area__tile--staytime .area__tile__body .suffix {
  font-weight: 400;
}

.scroll-depth-cnt .content .iframe-wrapper .iframe-cnt {
  text-align: center;
  -ms-flex: 1 1;
      flex: 1 1;
  margin-right: 38px;
}

.scroll-depth-cnt .content .iframe-wrapper .iframe-cnt #iframe {
  height: 100%;
  width: 100%;
  -webkit-box-shadow: 0px 9px 29px -3px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: 0px 9px 29px -3px rgba(0, 0, 0, 0.75);
  -o-box-shadow: 0px 9px 29px -3px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 9px 29px -3px rgba(0, 0, 0, 0.75);
  -webkit-transition: width, 0.5s ease;
  -o-transition: width, 0.5s ease;
  transition: width, 0.5s ease;
}

.scroll-depth-cnt .iframe-drag {
  margin: 0 36px 0 160px;
  height: 4px;
  line-height: 0;
  text-align: center;
}

.scroll-depth-cnt .iframe-drag > div {
  display: inline-block;
  width: 100%;
  background-color: #F24E1E;
  border-radius: 2px;
  position: relative;
  height: 4px;
  -webkit-transition: width, 0.5s ease;
  -o-transition: width, 0.5s ease;
  transition: width, 0.5s ease;
}

.scroll-depth-cnt .iframe-drag > div > div {
  position: absolute;
  left: calc(50% - 50px);
  top: -58px;
  width: 100px;
  height: 120px;
  background-color: transparent;
}

.scroll-depth-cnt .iframe-drag > div > div > div {
  position: absolute;
  left: calc(50% - 18px);
  top: calc(50% - 18px);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #F24E1E;
  cursor: move;
}

.scroll-depth-cnt .iframe-drag > div > div > div:after,
.scroll-depth-cnt .iframe-drag > div > div > div:before {
  position: absolute;
  content: " ";
  border-color: transparent;
  border-style: solid;
  border-width: 9px 6px;
  left: calc(50% - 6px);
}

.scroll-depth-cnt .iframe-drag > div > div > div:before {
  border-bottom-color: #FFFFFF;
  top: -3px;
}

.scroll-depth-cnt .iframe-drag > div > div > div:after {
  border-top-color: #FFFFFF;
  bottom: -3px;
}

.scroll-depth-cnt .iframe-drag > div > div > div:hover {
  background-color: #FFFFFF;
}

.scroll-depth-cnt .iframe-drag > div > div > div:hover:before {
  border-bottom-color: #F24E1E;
}

.scroll-depth-cnt .iframe-drag > div > div > div:hover:after {
  border-top-color: #F24E1E;
}

.siqnalize.siqnalize-send-notification {
  padding: 20px;
}

.siqnalize.siqnalize-send-notification .title {
  font-size: 22px;
  font-weight: 700;
  color: #3d3d3d;
}

.siqnalize.siqnalize-send-notification .title::first-letter {
  text-transform: uppercase;
}

.siqnalize.siqnalize-send-notification .separating-line-header {
  margin-top: 40px;
  margin-bottom: 30px;
}

.siqnalize.siqnalize-send-notification .form .hint {
  color: #aaa;
  font-size: 12px;
  text-align: right;
  margin-top: 15px;
}

.siqnalize.siqnalize-send-notification .form .hint > div {
  margin-bottom: 8px;
}

.siqnalize.siqnalize-send-notification .form > div {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}

.siqnalize.siqnalize-send-notification .form > div > .url-param,
.siqnalize.siqnalize-send-notification .form > div > *.et-input {
  -ms-flex-positive: 1;
      flex-grow: 1;
  max-width: 665px;
}

.siqnalize.siqnalize-send-notification .form > div > .url-param.message-area,
.siqnalize.siqnalize-send-notification .form > div > .url-param.title-area,
.siqnalize.siqnalize-send-notification .form > div > *.et-input.message-area,
.siqnalize.siqnalize-send-notification .form > div > *.et-input.title-area {
  border-radius: 10px;
  font-size: 12px;
  min-height: 60px;
  line-height: initial;
}

.siqnalize.siqnalize-send-notification .form > div > .url-param.message-area,
.siqnalize.siqnalize-send-notification .form > div > *.et-input.message-area {
  min-height: 94px;
}

.siqnalize.siqnalize-send-notification .form > div .label {
  color: #3d3d3d;
  width: 120px;
  text-align: left;
  padding: 8px 0;
}

.siqnalize.siqnalize-send-notification .form > div .double-input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.siqnalize.siqnalize-send-notification .form > div .double-input > *.et-input {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.siqnalize.siqnalize-send-notification .form > div .double-input > .label {
  width: initial;
  margin-left: 20px;
  margin-right: 10px;
}

.siqnalize.siqnalize-send-notification .form > div .double-input > .label:first-child {
  margin-left: 0;
}

.siqnalize.siqnalize-send-notification .form > div.siqnalize__rowSpaceLarge {
  margin-top: 25px;
}

.siqnalize.siqnalize-send-notification .form .btn.btn--left:hover {
  cursor: default;
  background-color: #F24E1E;
}

.siqnalize.siqnalize-send-notification .form .segment-btn {
  margin-left: -4px;
  position: relative;
}

.siqnalize.siqnalize-send-notification .form .segment-btn::after {
  position: absolute;
  right: -14px;
  top: -27px;
  -webkit-transform: rotate(20deg);
      -ms-transform: rotate(20deg);
          transform: rotate(20deg);
  overflow: hidden;
  color: #FFFFFF;
  font-size: 8px;
  text-align: center;
  padding-top: 9px;
  font-weight: 700;
  content: "Coming Soon";
  width: 34px;
  height: 34px;
  border-radius: 100%;
  background-color: #ff56d5;
}

.siqnalize.siqnalize-send-notification .footer {
  text-align: center;
  padding-top: 50px;
}

.siqnalize.siqnalize-dashboard .header {
  margin-top: 0;
  background-color: #3d3d3d;
  padding-bottom: 8px;
  color: #FFFFFF;
  text-align: right;
  font-size: 12px;
  font-weight: 600;
}

.siqnalize.siqnalize-dashboard .header .icon {
  vertical-align: -3px;
  margin-right: 5px;
  font-size: 15px;
}

.siqnalize.siqnalize-dashboard .header a {
  color: #FFFFFF;
  text-decoration: none;
}

.siqnalize.siqnalize-dashboard .box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background-color: #f5f5f5;
  margin: 40px 20px;
  border-radius: 5px;
  padding: 6px;
  border: 1px solid #c2c3c3;
}

.siqnalize.siqnalize-dashboard .box > div {
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin: 6px;
  text-align: center;
}

.siqnalize.siqnalize-dashboard .box .tile {
  padding: 30px 40px;
  background: #e9e9e9;
}

.siqnalize.siqnalize-dashboard .box .tile .separator {
  margin-top: 10px;
  margin-bottom: 15px;
  height: 1px;
  width: 100%;
  background-color: #aaa;
}

.siqnalize.siqnalize-dashboard .box .tile .flexBox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.siqnalize.siqnalize-dashboard .box .tile .flexBox .details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  font-size: 11px;
  font-weight: 600;
}

.siqnalize.siqnalize-dashboard .box .tile .flexBox .optin-rate {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  font-size: 11px;
  font-weight: 600;
}

.siqnalize.siqnalize-dashboard .box .counter {
  font-size: 46px;
  font-weight: 800;
}

.siqnalize.siqnalize-dashboard .box .counter-today {
  padding: 6px 10px;
  margin-right: 15px;
  background-color: #00dd00;
  color: #FFFFFF;
  font-weight: 800;
  min-width: 70px;
}

.siqnalize.siqnalize-dashboard .box .counter-optin-rate {
  font-size: 22px;
  font-weight: 800;
}

.siqnalize.siqnalize-dashboard .box .counter-optin-rate::after {
  content: '%';
  font-weight: 800;
}

.siqnalize.siqnalize-dashboard .segment-list {
  padding: 20px;
}

.siqnalize.siqnalize-dashboard .segment-list .list-header {
  margin-top: 30px;
  font-weight: 600;
  font-size: 12px;
}

.siqnalize.siqnalize-dashboard .segment-list .list-body {
  font-size: 12px;
  border: 1px solid #c2c3c3;
}

.siqnalize.siqnalize-dashboard .segment-list .list-body > div + div {
  border-top: 1px solid #c2c3c3;
}

.siqnalize.siqnalize-dashboard .segment-list .list-body > div > div + div {
  border-left: 1px solid #c2c3c3;
}

.siqnalize.siqnalize-dashboard .segment-list .list-body .notification {
  border: none;
  padding: 0;
  height: inherit;
}

.siqnalize.siqnalize-dashboard .segment-list .list-body .notification .notification-preview__icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  border: none;
  height: 100%;
}

.siqnalize.siqnalize-dashboard .segment-list .list-body .notification .notification-preview__icon.crossed {
  border-right: 1px solid #c2c3c3;
}

.siqnalize.siqnalize-dashboard .segment-list .list-body .notification .notification-preview__icon img {
  height: 96px;
  border: none;
  border-left: none;
}

.siqnalize.siqnalize-dashboard .segment-list .list-body .notification .notification-preview__message {
  line-height: 1;
  margin-right: 20px;
}

.siqnalize.siqnalize-dashboard .segment-list .list-body .notification .notification-preview__message p {
  white-space: pre-wrap;
}

.siqnalize.siqnalize-dashboard .segment-list .list-body .notification .siqnalize__send-notification__preview {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0;
  width: 100%;
}

.siqnalize.siqnalize-dashboard .segment-list .list-header,
.siqnalize.siqnalize-dashboard .segment-list .list-body > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: stretch;
      align-items: stretch;
}

.siqnalize.siqnalize-dashboard .segment-list .list-header > div,
.siqnalize.siqnalize-dashboard .segment-list .list-body > div > div {
  padding: 10px 6px;
}

.siqnalize.siqnalize-dashboard .segment-list .list-header > div:first-child,
.siqnalize.siqnalize-dashboard .segment-list .list-body > div > div:first-child {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.siqnalize.siqnalize-dashboard .segment-list .list-header > div + div,
.siqnalize.siqnalize-dashboard .segment-list .list-body > div > div + div {
  width: 80px;
  text-align: center;
}

.siqnalize.siqnalize-dashboard .segment-list .list-header > div + div + div,
.siqnalize.siqnalize-dashboard .segment-list .list-body > div > div + div + div {
  width: 134px;
}

.siqnalize.siqnalize-dashboard .segment-list .list-header .with-loader,
.siqnalize.siqnalize-dashboard .segment-list .list-body > div .with-loader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
}

.siqnalize.siqnalize-dashboard .segment-list .list-header .with-loader .preloading,
.siqnalize.siqnalize-dashboard .segment-list .list-body > div .with-loader .preloading {
  left: 30px;
}

.siqnalize.siqnalize-dashboard .segment-list .list-header .centered,
.siqnalize.siqnalize-dashboard .segment-list .list-body > div .centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.push-notificaton__image apollo-check-button {
  -ms-flex: 1 1;
      flex: 1 1;
}

.push-notificaton__image .et-btn--as-checkbox {
  width: 100%;
  height: 50px;
  line-height: 48px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.push-notificaton__image .et-btn--as-checkbox label {
  position: relative;
}

.push-notificaton__image .et-btn--as-checkbox label:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.push-notificaton__image .et-btn--as-checkbox.reverse {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

.push-notificaton__image .type-selection.left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.push-notificaton__image .type-selection.right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.push-notificaton__image .type-selection span {
  width: inherit;
  text-align: center;
  line-height: 19px;
}

.push-notificaton__image .center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex: 1 1;
      flex: 1 1;
}

.push-notification__image-browser {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 96px;
  height: 96px;
  background: #f5f5f5;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  cursor: pointer;
  text-decoration: underline;
  max-width: 100%;
}

.push-notification__image {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border: 1px solid #e1e1e1;
  max-width: 96px;
}

.push-notification__image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.push-notification__image-clear {
  position: absolute;
  top: 0;
  right: 0;
  color: #c2c3c3;
  font-size: 12px;
  padding: 5px 5px;
  cursor: pointer;
}

.crossed {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' style='background-color: %23f5f5f5' viewBox='0 0 100 100'><path d='M1 0 L0 1 L99 100 L100 99' fill='%23E1E1E1' /><path d='M0 99 L99 0 L100 1 L1 100' fill='%23E1E1E1' /></svg>");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%, auto;
}

.crossed__white {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' style='background-color: %23ffffff' viewBox='0 0 100 100'><path d='M1 0 L0 1 L99 100 L100 99' fill='%23E1E1E1' /><path d='M0 99 L99 0 L100 1 L1 100' fill='%23E1E1E1' /></svg>");
}

.siqnalize__send-notification__content {
  display: -ms-flexbox;
  display: flex;
}

.siqnalize__send-notification__preview {
  margin-left: 20px;
}

.siqnalize__send-notification__preview .title {
  font-weight: 700;
  font-style: normal;
  color: #666666;
  font-size: 13px;
}

.siqnalize__send-notification__preview .container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 500px;
  padding: 20px 0;
  background: whitesmoke;
  color: #6D6D6D;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
}

.siqnalize__send-notification__preview .content {
  width: 461px;
  padding-bottom: 15px;
  background: white;
  border-radius: 5px;
}

.notification-preview {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
}

.notification-preview__title-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  width: 425px;
}

.notification-preview__title {
  margin-top: 15px;
  margin-bottom: 15px;
  color: #333;
  font-weight: 700;
  font-size: 14px;
  text-align: left;
}

.notification-preview__preview {
  width: 425px;
  height: 96px;
  border: 1px solid #999999;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: stretch;
      align-items: stretch;
}

.notification-preview__preview--macOS {
  border-radius: 5px;
  background: #F0F0F0;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.notification-preview__icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 96px;
  min-width: 96px;
  max-width: 96px;
  height: 100%;
  border-right: 1px solid #999999;
  text-decoration: underline;
}

.notification-preview__icon--macOS {
  border: 1px solid #999999;
  width: 53px;
  min-width: 53px;
  max-width: 53px;
  height: 53px;
  -ms-flex-item-align: center;
      align-self: center;
  margin-right: 15px;
}

.notification-preview__icon img {
  height: 100%;
  width: 100%;
}

.notification-preview__message {
  margin: 10px 0;
  margin-left: 20px;
  max-width: 100%;
  overflow: hidden;
}

.notification-preview__message h6 {
  font-size: 16px;
  color: #333;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 3px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.notification-preview__message p {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 5px;
  word-break: break-all;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.notification-preview__message a {
  display: inline-block;
  color: #999999;
  text-decoration: none;
  font-size: 14px;
  margin-bottom: 5px;
}

.notification-preview__macOS-container {
  display: -ms-flexbox;
  display: flex;
}

.notification-preview__buttons div {
  cursor: pointer;
  height: 50%;
  width: 100px;
  padding: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-left: 1px solid #999999;
}

.notification-preview__buttons div:first-child {
  border-bottom: 1px solid #999999;
}

.siqnalize__send-notification__buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: end;
      align-items: flex-end;
}

.siqnalize__send-notification__buttons p {
  font-size: 10px;
  margin: 5px 0 10px 0;
  color: #B0AEB0;
}

.siqnalize__validUntil .radio-selection {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.siqnalize__validUntil .radio-selection .et-btn {
  width: 250px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  text-align: left;
  margin-bottom: 0.625rem;
}

.siqnalize__validUntil .radio-selection .et-btn label {
  margin-right: 0.625rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.siqnalize__validUntil__calendar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: start;
}

.siqnalize__validUntil__calendar .calendar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -ms-flex-align: center;
      align-items: center;
  margin-left: 0.625rem;
}

.siqnalize__validUntil__calendar .calendar div.label.label-short {
  width: 30px;
}

.siqnalize__validUntil__calendar .calendar input {
  border: 1px solid #e1e1e1;
  background: #f5f5f5;
  color: #5d5d5d;
  padding: 0 20px;
  height: 40px;
  border-radius: 100px;
  font-size: 13px;
}

.siqnalize__validUntil__calendar .calendar input:disabled {
  opacity: 0.6;
}

.siqnalize__validUntil__calendar .calendar input[type=time]::-webkit-inner-spin-button,
.siqnalize__validUntil__calendar .calendar input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  display: none;
}

.siqnalize__validUntil__calendar .calendar i {
  margin-right: 5px;
  font-size: 22px;
}

/* --- MOBILE MENU START ---*/

.mobile-menu {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 11;
  background-color: rgba(0, 0, 0, 0.9);
  text-align: center;
}

.mobile-menu .accountBoxCnt .accountItem {
  position: relative;
}

.mobile-menu .accountBoxCnt .accountItem:after {
  content: '';
  position: absolute;
  -webkit-box-shadow: inset 0 0 0 8px #1e1e1e;
          box-shadow: inset 0 0 0 8px #1e1e1e;
  border-radius: 20px;
  width: 30px;
  height: 30px;
  border: 1px solid #656565;
  right: 0;
  top: 10px;
}

.mobile-menu .accountBoxCnt .active .accountItem:after {
  background: #F24E1E;
  border: 1px solid #FFFFFF;
}

.mobile-menu .accountScrollCnt .groupHeadline,
.mobile-menu .multi-client-cnt .groupHeadline {
  color: #888;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 18px;
  text-transform: uppercase;
}

.mobile-menu .accountScrollCnt .groupHeadline {
  margin-bottom: 10px;
  display: block;
  text-align: left;
}

.mobile-menu .multi-client-cnt {
  height: calc(100vh - 300px);
  color: #656565;
  padding: 20px 34px;
}

.mobile-menu .multi-client-cnt .et-input {
  height: 55px;
  background-color: rgba(51, 51, 51, 0.5);
  border-color: #888;
  font-size: 16px;
  margin: 14px 0;
}

.mobile-menu .multi-client-cnt .multi-client-cnt__list li {
  height: 80px;
  padding: 0;
}

.mobile-menu .multi-client-cnt .multi-client-cnt__list li:last-of-type {
  border-bottom: 1px solid #282828;
}

@media (max-width: 1024px) {
  .mobile-menu .multi-client-cnt .multi-client-cnt__list li:not(.active):not(.multi-client-cnt__disabled):hover .multi-client-cnt__url {
    color: #FFFFFF;
  }
}

.mobile-menu .multi-client-cnt .multi-client-cnt__list li .multi-client-cnt__url {
  width: 100%;
}

.mobile-menu .multi-client-cnt .multi-client-cnt__list li > div {
  width: calc(100% - 45px);
}

.mobile-menu .multi-client-cnt ul i {
  display: none;
}

.mobile-menu .multi-client-cnt .multi-client-cnt__url {
  font-size: 20px;
  line-height: 24px;
  margin-top: 14px;
  color: #FFFFFF;
}

.mobile-menu .multi-client-cnt li:after {
  content: '';
  position: absolute;
  -webkit-box-shadow: inset 0 0 0 8px #000;
          box-shadow: inset 0 0 0 8px #000;
  border-radius: 20px;
  width: 30px;
  height: 30px;
  border: 1px solid #656565;
  right: 0;
  top: 25px;
}

.mobile-menu .multi-client-cnt .active:after {
  background: #F24E1E;
  border: 1px solid #FFFFFF;
}

.mobile-menu .multi-client-cnt .active .multi-client-cnt__url {
  color: #FFFFFF;
}

.mobile-menu .menu-header {
  background-color: #151515;
  height: 55px;
  text-align: left;
}

.mobile-menu .menu-header .logo {
  color: #878787;
  float: left;
  width: 100px;
  height: 55px;
  margin-right: 20px;
  margin-left: 35px;
  display: block;
}

.mobile-menu .menu-header .close-cnt {
  position: relative;
  float: right;
  height: 55px;
  width: 50px;
  cursor: pointer;
}

.mobile-menu .menu-header .close-cnt .close-btn {
  font-size: 11px;
  color: #FFFFFF;
}

.mobile-menu .menu-content {
  text-align: left;
}

.mobile-menu .menu-content .account-list-headline {
  margin-left: 34px;
  color: #888;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 18px;
  display: block;
  text-transform: uppercase;
}

.mobile-menu .menu-content .accountBoxCnt .accountScrollCnt {
  background: #1e1e1e;
  padding: 15px 34px 25px;
}

.mobile-menu .menu-content .accountBoxCnt .accountScrollCnt .accountBoxCnt .accountItem {
  border-bottom: none;
  height: auto;
}

.mobile-menu .menu-content .accountBoxCnt .accountItem {
  border-bottom: 1px #1e1e1e solid;
  padding: 5px 0 0;
  height: 60px;
  cursor: pointer;
}

.mobile-menu .menu-content .accountBoxCnt .accountItem .account-domain {
  font-size: 20px;
  height: 24px;
  font-weight: 600;
  color: #888;
  margin-bottom: 3px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 45px);
}

.mobile-menu .menu-content .accountBoxCnt .accountItem .account-id-cnt .account-id {
  font-size: 13px;
  color: #888;
}

.mobile-menu .menu-content .accountBoxCnt .active .account-domain {
  color: #FFFFFF;
}

.mobile-menu .menu-content .accountBoxCnt .notice {
  position: relative;
  padding-left: 30px;
  margin-bottom: 70px;
  margin-top: 20px;
}

.mobile-menu .menu-content .accountBoxCnt .notice span {
  font-size: 13px;
  color: #888;
  line-height: 15px;
}

.mobile-menu .menu-content .accountBoxCnt .notice.icon-absolute-warning:before {
  font-size: 17px;
  left: 0;
  color: #F24E1E;
  top: 3px;
}

.mobile-menu .menu-content .accountBoxCnt .notice.without-multi-clients {
  margin-left: 34px;
}

.mobile-menu .logout {
  position: absolute;
  bottom: 34px;
  height: 50px;
  border: none;
  background-color: #151515;
  width: 215px;
  font-size: 20px;
  color: #FFFFFF;
  left: 50%;
  margin-left: -107px;
  border-radius: 4px;
  cursor: pointer;
}

.mobile-menu .logout .logout-btn {
  text-align: center;
  line-height: 50px;
}

.mobile-menu .logout .logout-btn .icon-logout {
  position: absolute;
  left: 40px;
  color: #777;
  font-size: 25px;
}

.mobile-menu .logout .logout-btn .icon-logout:before {
  line-height: 50px;
}

.mobile-menu .logout:hover span.icon-logout:before {
  color: #FFFFFF;
}

.mobile-menu__theme-switch {
  display: none;
  position: relative;
  display: block;
  float: left;
  height: 100%;
  margin: 0 42px;
}

.mobile-menu__theme-switch:after,
.mobile-menu__theme-switch:before {
  background-color: #060606;
  height: calc(100% - 16px);
  top: 8px;
  content: '';
  width: 1px;
  position: absolute;
}

.mobile-menu__theme-switch:before {
  left: -22px;
}

.mobile-menu__theme-switch:after {
  right: -22px;
}

.mobile-menu__theme-switch .toggleControl {
  width: 40px;
  height: 20px;
  float: left;
  margin-top: 20px;
}

.mobile-menu__theme-switch .toggleControl .toggleControl__indicator {
  opacity: 1;
  border: 1px solid #474747;
  background-image: none;
  background: #323232;
}

.mobile-menu__theme-switch .toggleControl .toggleControl__indicator_2 {
  width: 20px;
}

.mobile-menu__theme-switch .toggleControl .toggleControl__indicator_2 .toggleControl__indicator_circle {
  background: #FFFFFF;
}

.mobile-menu__theme-label {
  float: left;
  line-height: 60px;
  position: relative;
  font-size: 13px;
  color: #b1b1b1;
  width: 15px;
  height: 60px;
  width: auto;
  height: auto;
  padding-left: 20px;
}

.mobile-menu__theme-label:first-child {
  margin-right: 12px;
}

.mobile-menu__theme-label:first-child:before {
  left: 0;
}

.mobile-menu__theme-label:last-child {
  margin-left: 12px;
}

.mobile-menu__theme-label:last-child:before {
  left: 0;
}

.mobile-menu__theme-label.active {
  font-weight: bolder;
}

.mobile-menu__theme-label:before {
  color: #6b6b6b;
  font-size: 15px;
}

.mobile-menu__theme-label span {
  display: none;
}

.mobile-menu__theme-label span {
  display: block;
}

/* --- MOBILE MENU END ---*/

.top-flop-chart .top-flop-container {
  position: relative;
}

.top-flop-chart .tooltip-object {
  position: absolute;
  visibility: hidden;
}

.top-flop-chart .tooltip-object.tooltip-object--visible {
  visibility: visible;
}

.top-flop-chart .top-flop {
  height: 800px;
  border-radius: 0 0 5px 5px;
}

.top-flop-chart .top-flop .like-background {
  fill: #151515;
}

.top-flop-chart .top-flop .chart-background {
  fill: #262626;
}

.top-flop-chart .top-flop g.checked-1 circle.border,
.top-flop-chart .top-flop g.checked-1 circle.inner {
  fill: #F24E1E;
}

.top-flop-chart .top-flop g.checked-2 circle.border,
.top-flop-chart .top-flop g.checked-2 circle.inner {
  fill: #01d8dd;
}

.top-flop-chart .top-flop g.checked-3 circle.border,
.top-flop-chart .top-flop g.checked-3 circle.inner {
  fill: #ff56d5;
}

.top-flop-chart .top-flop g.checked-4 circle.border,
.top-flop-chart .top-flop g.checked-4 circle.inner {
  fill: #01b2ff;
}

.top-flop-chart .top-flop g.checked-5 circle.border,
.top-flop-chart .top-flop g.checked-5 circle.inner {
  fill: #ffeb32;
}

.top-flop-chart .top-flop g.checked-6 circle.border,
.top-flop-chart .top-flop g.checked-6 circle.inner {
  fill: #00ffd0;
}

.top-flop-chart .top-flop g.checked-7 circle.border,
.top-flop-chart .top-flop g.checked-7 circle.inner {
  fill: #a201ff;
}

.top-flop-chart .top-flop g.checked-8 circle.border,
.top-flop-chart .top-flop g.checked-8 circle.inner {
  fill: #0046fe;
}

.top-flop-chart .top-flop g.quarter-1 circle.border,
.top-flop-chart .top-flop g.quarter-1 circle.inner {
  fill: #F24E1E;
}

.top-flop-chart .top-flop g.quarter-2 circle.border,
.top-flop-chart .top-flop g.quarter-2 circle.inner {
  fill: #00ffd0;
}

.top-flop-chart .top-flop g.quarter-3 circle.border,
.top-flop-chart .top-flop g.quarter-3 circle.inner {
  fill: #ff56d5;
}

.top-flop-chart .top-flop g.quarter-4 circle.border,
.top-flop-chart .top-flop g.quarter-4 circle.inner {
  fill: #01b2ff;
}

.top-flop-chart .top-flop circle.outer {
  fill: #262626;
}

.top-flop-chart .top-flop circle.border {
  display: none;
}

.top-flop-chart .top-flop .circle-group:hover circle.border {
  display: inherit;
}

.top-flop-chart .top-flop .circle-group:hover circle.outer {
  pointer-events: none;
}

.top-flop-chart .top-flop .circle-group {
  cursor: pointer;
}

.top-flop-chart .top-flop g.not-checked circle.border,
.top-flop-chart .top-flop g.not-checked circle.inner {
  fill: #c6c6c6;
}

.top-flop-chart .top-flop circle.inner {
  pointer-events: none;
}

.top-flop-chart .top-flop .axis {
  stroke: #979797;
}

.top-flop-chart .top-flop .axis .tick line {
  stroke: #333;
}

.top-flop-chart .top-flop .axis .tick text {
  font-size: 13px;
  fill: #979797;
  stroke: none;
}

.top-flop-chart .top-flop .axis.x-axis .tick text {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  text-anchor: end;
}

.top-flop-chart .top-flop .axis .mean-tick-x,
.top-flop-chart .top-flop .axis .mean-tick-y {
  display: none;
}

.top-flop-chart .top-flop .axis .mean-tick-x.visible,
.top-flop-chart .top-flop .axis .mean-tick-y.visible {
  stroke: #e9e9e9;
  display: initial;
}

.top-flop-chart .top-flop .mean-line {
  display: initial;
  stroke: #979797;
  stroke-dasharray: 4;
}

.top-flop-chart .top-flop .mean-line:hover {
  cursor: pointer;
  stroke: #e9e9e9;
  stroke-width: 2px;
  stroke-dasharray: none;
}

.top-flop-chart .top-flop .mean-line .hover-line {
  stroke-width: 15px;
  stroke-opacity: 0;
  stroke-dasharray: none;
}

.top-flop-chart .top-flop .label {
  fill: #979797;
  font-size: 15px;
  font-weight: normal;
  text-anchor: middle;
  alignment-baseline: middle;
}

.top-flop-chart .top-flop .axis-label-cnt {
  fill: #979797;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

.top-flop-chart .header {
  height: 40px;
  padding-top: 0px;
  display: -ms-flexbox;
  display: flex;
}

.top-flop-chart .header indicator-selection {
  color: white;
  margin-right: auto;
  margin-left: 30px;
}

.top-flop-chart .header indicator-selection .indicator-selection {
  position: relative;
  display: -ms-flexbox;
  display: flex;
}

.top-flop-chart .header img {
  padding-top: 9px;
  float: right;
  cursor: pointer;
}

.top-flop-chart .header .dropdown.dropdown-style-btn--inverted .dropdown__btn {
  border: none;
  border-radius: 3px;
  background: #323232;
}

.top-flop-chart .header .dropdown__key-figures {
  width: 410px;
}

.top-flop-tooltip {
  position: relative;
  background: #FFFFFF;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.5);
  color: #474747;
  font-weight: 600;
  height: 110px;
  min-width: 300px;
  max-width: 400px;
  display: inline-block;
}

.top-flop-tooltip.top-flop-tooltip--top-left:after,
.top-flop-tooltip.top-flop-tooltip--bottom-left:after {
  left: calc(100% - 1px);
  border-left-color: #FFFFFF;
}

.top-flop-tooltip.top-flop-tooltip--top-right:after,
.top-flop-tooltip.top-flop-tooltip--bottom-right:after {
  border-right-color: #FFFFFF;
  right: calc(100% - 1px);
}

.top-flop-tooltip.top-flop-tooltip--top-left:after,
.top-flop-tooltip.top-flop-tooltip--top-right:after {
  top: 84px;
}

.top-flop-tooltip.top-flop-tooltip--bottom-left:after,
.top-flop-tooltip.top-flop-tooltip--bottom-right:after {
  top: 14px;
}

.top-flop-tooltip:after {
  content: '';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
}

.top-flop-tooltip .top-flop-tooltip__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-positive: 1;
      flex-grow: 1;
  width: 100%;
}

.top-flop-tooltip .top-flop-tooltip__container .top-flop-tooltip__title {
  font-size: 15px;
  height: 34px;
  border-bottom: 1px solid #dbdbdb;
  padding: 7px 15px;
  -ms-flex-positive: 0;
      flex-grow: 0;
  line-height: 130%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.top-flop-tooltip .top-flop-tooltip__container .top-flop-tooltip__content {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 8px;
}

.top-flop-tooltip .top-flop-tooltip__container .top-flop-tooltip__content .top-flop-tooltip__tile {
  padding: 5px 10px;
}

.top-flop-tooltip .top-flop-tooltip__container .top-flop-tooltip__content .top-flop-tooltip__tile .top-flop-tooltip__keyfigure {
  text-transform: uppercase;
  font-size: 12px;
  color: #a4a4a4;
  white-space: nowrap;
}

.top-flop-tooltip .top-flop-tooltip__container .top-flop-tooltip__content .top-flop-tooltip__tile .top-flop-tooltip__value {
  font-size: 20px;
  margin-top: 10px;
  white-space: nowrap;
}

.top-flop-tooltip .top-flop-tooltip__container .top-flop-tooltip__content .top-flop-tooltip__tile.top-flop-tooltip__tile--separator {
  width: 1px;
  background-color: #dbdbdb;
  padding: 0 !important;
}

.table-report-sets td {
  overflow: visible !important;
}

.table-report-sets .et-settings__table-row-overlay td,
.table-report-sets .notifications__administration__table-row-overlay td {
  white-space: nowrap;
}

.table-report-sets .et-settings__table-row-overlay .report-set-overlay-button,
.table-report-sets .notifications__administration__table-row-overlay .report-set-overlay-button {
  width: 160px;
}

.table-report-sets .et-settings__table-row-overlay .apollo-date-picker,
.table-report-sets .notifications__administration__table-row-overlay .apollo-date-picker {
  color: #3d3d3d;
  height: 20px;
}

.table-report-sets .et-settings__table-row-overlay .apollo-date-picker .icon-download-1,
.table-report-sets .notifications__administration__table-row-overlay .apollo-date-picker .icon-download-1 {
  line-height: 1.9;
}

.table-report-sets .et-settings__table-row-overlay .apollo-date-picker .date-range-selection,
.table-report-sets .notifications__administration__table-row-overlay .apollo-date-picker .date-range-selection {
  display: block;
}

.table-report-sets .et-settings__table-row-overlay .apollo-date-picker .date-range-selection .dropdown-menu,
.table-report-sets .notifications__administration__table-row-overlay .apollo-date-picker .date-range-selection .dropdown-menu {
  width: 856px;
}

.table-report-sets .et-settings__table-row-overlay .apollo-date-picker .date-range-selection .custom-timerange-button,
.table-report-sets .notifications__administration__table-row-overlay .apollo-date-picker .date-range-selection .custom-timerange-button {
  width: 210px;
}

.table-report-sets .et-settings__table-row-overlay .apollo-date-picker .date-range-selection--date-range .dropdown__list-cnt:before,
.table-report-sets .notifications__administration__table-row-overlay .apollo-date-picker .date-range-selection--date-range .dropdown__list-cnt:before {
  display: none;
}

.table-report-sets .et-settings__table-row-overlay .apollo-date-picker .date-range-selection--date-range .dropdown__list-cnt .dropdown-menu,
.table-report-sets .notifications__administration__table-row-overlay .apollo-date-picker .date-range-selection--date-range .dropdown__list-cnt .dropdown-menu {
  left: -262px;
  top: -28px;
}

.table-report-sets .et-settings__table-row-overlay .apollo-date-picker .date-range-selection--compare-date-range .dropdown__list-cnt:before,
.table-report-sets .notifications__administration__table-row-overlay .apollo-date-picker .date-range-selection--compare-date-range .dropdown__list-cnt:before {
  display: none;
}

.table-report-sets .et-settings__table-row-overlay .apollo-date-picker .date-range-selection--compare-date-range .dropdown__list-cnt .dropdown-menu,
.table-report-sets .notifications__administration__table-row-overlay .apollo-date-picker .date-range-selection--compare-date-range .dropdown__list-cnt .dropdown-menu {
  left: -217px;
  top: -68px;
}

.table-report-sets .et-settings__table-row-overlay .apollo-date-picker .date-range-picker td,
.table-report-sets .notifications__administration__table-row-overlay .apollo-date-picker .date-range-picker td {
  background-color: #FFFFFF !important;
  border: none;
  padding: 0;
}

.table-report-sets .et-settings__table-row-overlay .apollo-date-picker .date-picker-wrapper .month-wrapper table tbody .week-number .day,
.table-report-sets .notifications__administration__table-row-overlay .apollo-date-picker .date-picker-wrapper .month-wrapper table tbody .week-number .day {
  margin-bottom: 0;
}

.table-report-sets .et-settings__table-row-overlay .apollo-date-picker .date-picker-wrapper .month-wrapper table tbody .day,
.table-report-sets .notifications__administration__table-row-overlay .apollo-date-picker .date-picker-wrapper .month-wrapper table tbody .day {
  margin-right: 0;
}

.login.forgot-password .content .login-btn {
  margin-top: 10px;
}

.login.forgot-password .content .link {
  margin-top: 20px;
}

.login.set-password .content.valid-challenge,
.login.set-password .content.invalid-challenge {
  padding-top: 0;
}

.login.set-password .content.valid-challenge .description-initial,
.login.set-password .content.invalid-challenge .description-initial {
  width: 400px;
  margin-bottom: 20px;
}

.login.set-password .content.valid-challenge .description,
.login.set-password .content.invalid-challenge .description {
  color: #888;
  text-align: center;
  line-height: normal;
}

.login.set-password .invalid-challenge {
  margin-top: 90px;
}

.login.set-password .invalid-challenge .icon-warning {
  color: #F24E1E;
  font-size: 30px;
}

.login.set-password .invalid-challenge .warning-text {
  font-size: 16px;
  margin-top: 20px;
}

.login.set-password .invalid-challenge .btn {
  margin-top: 20px;
}

.login.set-password .valid-challenge .account-id {
  margin-bottom: 30px;
}

.login.set-password .valid-challenge .password-cnt {
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  margin-left: 25px;
}

.login.set-password .valid-challenge .password-cnt .et-input {
  width: 250px;
}

.login.set-password .valid-challenge .password-cnt .password-tooltip:not(.password-error) {
  width: auto;
}

.login.set-password .valid-challenge .password-cnt .password-tooltip:not(.password-error) p {
  margin: 0 0 8px;
}

.login.set-password .valid-challenge .password-cnt .password-tooltip:not(.password-error) ul {
  padding-left: 15px;
}

.login.set-password .valid-challenge .password-cnt .password-tooltip:not(.password-error) li {
  margin-top: 10px;
}

.login.set-password .valid-challenge .password-cnt .password-tooltip:not(.password-error) .tooltip-inner {
  max-width: 240px;
}

.login.set-password .valid-challenge .login-btn {
  margin-top: 20px;
}

.password-error.password-error.password-error {
  width: auto;
  z-index: 24;
}

.password-error.password-error.password-error p {
  margin: 0 0 8px;
}

.password-error.password-error.password-error .tooltip-inner {
  padding-left: 24px;
  max-width: 240px;
}

.password-error.password-error.password-error ul {
  padding-left: 12px;
  list-style-type: '\2713   ';
}

.password-error.password-error.password-error li {
  color: #00ffd0;
}

.password-error.password-error.password-error li::marker {
  font-weight: 800;
}

.password-error.password-error.password-error li.pw-error {
  color: #F24E1E;
  font-weight: 700;
  list-style-type: '\2718   ';
}

.flex-unavailable {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.et-settings {
  padding: 22px 20px 0 25px;
  min-width: 890px;
  color: #3d3d3d;
  font-size: 14px;
}

.et-settings p {
  line-height: 1.9;
}

.et-settings--right-margin {
  width: 90%;
}

.et-settings--bottom-margin {
  margin-bottom: 35px;
}

.et-settings {
  /* For action cells with full apollo buttons */
}

.et-settings__table,
.licence,
.notifications__administration__table {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0 5px;
  border-collapse: separate;
  white-space: nowrap;
}

.et-settings__table.et-settings-table--dynamic-width,
.et-settings-table--dynamic-width.licence,
.et-settings-table--dynamic-width.notifications__administration__table {
  width: auto;
}

.et-settings__table tr:nth-child(odd) > td,
.licence tr:nth-child(odd) > td,
.notifications__administration__table tr:nth-child(odd) > td {
  background-color: #f5f5f5;
}

.et-settings__table th,
.licence th,
.notifications__administration__table th {
  font-size: 12px;
  overflow: hidden;
  padding: 10px;
  white-space: nowrap;
  text-transform: uppercase;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  color: #888;
  border-right: solid 5px #FFFFFF;
}

.et-settings__table th:last-child,
.licence th:last-child,
.notifications__administration__table th:last-child {
  border-right: none;
}

.et-settings__table td,
.licence td,
.notifications__administration__table td {
  overflow: hidden;
  height: 48px;
  padding-right: 10px;
  padding-left: 10px;
  vertical-align: middle;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  border-right: solid 5px #FFFFFF;
}

.et-settings__table td.center-text,
.licence td.center-text,
.notifications__administration__table td.center-text {
  text-align: center;
}

.et-settings__table td:first-child,
.licence td:first-child,
.notifications__administration__table td:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.et-settings__table td:last-child,
.licence td:last-child,
.notifications__administration__table td:last-child {
  border-right: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.et-settings__table-row-overlay td,
.notifications__administration__table-row-overlay td {
  white-space: normal;
  color: #FFFFFF;
  border-color: #F24E1E !important;
  background-color: #F24E1E !important;
}

.et-settings__table-row-overlay td:last-child,
.notifications__administration__table-row-overlay td:last-child {
  padding-bottom: 0;
}

.et-settings__table-row-overlay .et-btn,
.notifications__administration__table-row-overlay .et-btn {
  margin-right: 15px;
  padding: 0 40px;
}

.et-settings__table-actions {
  /* Remove gaps caused by line breaks in html template */
  word-spacing: -4px;
  /*	IF there is more than one action
				THEN put a vertical line between the actions. */
  /* Fix for positioning issues in template for externals */
  /* Fix positioning of icons */
}

.et-settings__table-actions .et-btn {
  font-size: 13px;
  padding: 0 13px;
}

.et-settings__table-actions .et-btn,
.et-settings__table-actions .et-btn:disabled {
  border: none;
}

.et-settings__table-actions > .et-btn__wrapper + .et-btn__wrapper::before,
.et-settings__table-actions > apollo-button + apollo-button::before {
  position: relative;
  height: 25px;
  content: '';
  border-left: 1px solid #888;
}

.et-settings__table-actions > .et-btn__wrapper button {
  margin-left: -3px;
}

.et-settings__table-actions i {
  margin-right: 3px;
  vertical-align: -1px;
}

.tooltip-dimension {
  border: 1px solid #000;
  border-radius: 100%;
  height: 14px;
  width: 14px;
  bottom: 13px;
  line-height: 14px;
  text-align: center;
  color: #000;
  margin-left: 4px;
  display: inline-block;
  overflow: hidden;
  min-width: 15px;
  top: 3px;
  position: relative;
}

.tooltip-dimension:hover {
  background-color: #F24E1E;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

.segment-dimension-name {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.tooltip-dimension-graph {
  cursor: pointer;
}

.segment-label {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.tooltip-segment {
  border: 1px solid #000;
  border-radius: 100%;
  height: 14px;
  width: 14px;
  bottom: 13px;
  line-height: 14px;
  text-align: center;
  color: #000;
  margin-left: 4px;
  display: inline-block;
  overflow: hidden;
  min-width: 15px;
  top: 3px;
  position: relative;
}

.segment-tooltip-outer {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 12px;
  margin-right: 3px;
}

.segment-tooltip-outer .tooltip-segment {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
}

.tooltip-segment:hover {
  background-color: #F24E1E;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

.keyfigure-tooltip {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
}

.keyfigure-tooltip .info-tooltip {
  border: 1px solid #656565;
  border-radius: 100px;
  margin-left: 2px;
  min-width: 13px;
}

.keyfigure-tooltip .info-tooltip:hover {
  background-color: #F24E1E;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.color-toolbar {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 32px;
  border: 0.5px solid #CFCFCF;
  background: #FFFFFF;
  z-index: 100;
}

.color-toolbar > label {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 20px;
  width: 20px;
  border-radius: 4px;
}

color-toolbar .selected-background {
  display: none;
  position: absolute;
  top: -5px;
  left: -5px;
  bottom: -5px;
  right: -5px;
  z-index: -1;
  border-radius: 4px;
  background-color: #E0F0FF;
}

button color-toolbar .selected-background {
  background-color: transparent;
}

.selected color-toolbar .selected-background {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

color-toolbar .edit-container {
  display: none;
  position: absolute;
  top: -38px;
  left: calc(50% - 20px);
  right: calc(50% - 20px);
  -ms-flex-pack: center;
      justify-content: center;
}

color-toolbar .edit-container.input {
  top: -185px;
}

.selected color-toolbar .edit-container:not(.input) {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.left-bar:not(.show-input-dialog) color-toolbar .edit-container {
  left: 0;
  right: calc(100% - 50px);
}

.show-input-dialog color-toolbar .edit-container:not(.input) {
  display: none;
}

.show-input-dialog color-toolbar .edit-container.input {
  display: -ms-inline-flexbox;
  display: inline-flex;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total,
.dso-confirmation-overlay > div {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total,
.dso-confirmation-overlay > div {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

.dso-confirmation-overlay {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10010;
  background-color: rgba(0, 0, 0, 0.65);
}

.dso-confirmation-overlay > div {
  width: 687px;
  padding: 24px;
  border-radius: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 200px auto;
  gap: 32px;
  background-color: #FFFFFF;
}

.dso-confirmation-overlay > div .hint {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.dso-confirmation-overlay > div .hint > h2 {
  padding-bottom: 8px;
}

.dso-confirmation-overlay > div .hint > h2 + div {
  word-break: break-all;
}

.dso-confirmation-overlay > div .button-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  gap: 16px;
  padding-top: 24px;
}

.dso-confirmation-overlay > div .button-bar button {
  -ms-flex-pack: center;
      justify-content: center;
}

.dso-confirmation-overlay > div .button-bar.button-bar.button-bar button {
  min-width: 100px;
}

.dso-confirmation-overlay > div .button-bar button:not(.with-chevron) chevron-icon {
  display: none;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

apollo-main {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background-color: var(--main-bg);
}

apollo-banner.has-banner + .main-menu-area main-menu,
apollo-banner.has-banner + .main-menu-area .main-area {
  height: calc(100vh - 50px);
}

apollo-banner.has-banner + .main-menu-area main-menu .main-menu-content,
apollo-banner.has-banner + .main-menu-area .main-area .main-menu-content {
  min-height: calc(100vh - 104px);
}

apollo-banner.has-banner ~ lunar .lunar-menu,
apollo-banner.has-banner ~ lunar .main-area {
  height: calc(100vh - 50px);
}

apollo-banner.has-banner ~ lunar .lunar-menu .main-menu-content,
apollo-banner.has-banner ~ lunar .main-area .main-menu-content {
  min-height: calc(100vh - 104px);
}

.main-menu-area {
  -ms-flex-positive: 1;
      flex-grow: 1;
  width: 100vw;
  overflow: hidden;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: var(--main-bg);
}

.main-area {
  -ms-flex-positive: 1;
      flex-grow: 1;
  position: relative;
  height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: auto;
}

#apolloContent {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

#apolloContent > .content-column {
  overflow: hidden;
  width: 100%;
  height: 100%;
  max-width: calc(100vw - 234px);
  -webkit-transition: max-width 0.8s;
  -o-transition: max-width 0.8s;
  transition: max-width 0.8s;
  border-radius: 12px;
  background-color: #FFFFFF;
}

#apolloContent > .content-column .dashboard-cnt {
  border-radius: 12px;
}

#apolloContent > .content-column .dashboard__header {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  display: none;
}

#apolloContent.collapsed > .content-column {
  max-width: calc(100vw - 60px);
}

#apolloContent.collapsed.trackY > .content-column {
  max-width: calc(100vw - 72px);
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

.up-btn {
  display: block;
  background-color: #000;
  opacity: 0.32;
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 0;
  right: 20px;
  z-index: 50;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  cursor: pointer;
}

.up-btn:before {
  color: #FFFFFF;
  font-size: 10px;
  position: absolute;
  text-align: center;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  width: 100%;
  height: 43px;
  left: 17px;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

.new-style.attribute-style.filter-cnt {
  margin-bottom: 15px;
}

.new-style.attribute-style .dim-seg-selection {
  display: -ms-flexbox;
  display: flex;
  height: 28px;
  gap: 4px;
}

.new-style.attribute-style .dim-seg-selection .fix-dimensions {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 4px;
  -ms-flex-positive: 0;
      flex-grow: 0;
  margin-left: 0;
  margin-right: 19px;
  height: 28px;
  position: relative;
}

.new-style.attribute-style .dim-seg-selection .fix-dimensions .fix-dimension {
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.new-style.attribute-style .dim-seg-selection .fix-dimensions.fix-dimensions-separator:after {
  display: block;
  position: absolute;
  width: 19px;
  height: 2px;
  background-color: #c6c6c6;
  right: -21px;
  top: 50%;
  margin-top: -1px;
  content: ' ';
}

.new-style.attribute-style .dim-seg-selection .fix-dimensions.flex-before-fix.fix-dimensions-separator {
  margin-left: 19px;
  margin-right: 0;
}

.new-style.attribute-style .dim-seg-selection .fix-dimensions.flex-before-fix.fix-dimensions-separator:after {
  right: initial;
  left: -21px;
}

.new-style.attribute-style .dim-seg-selection .flex-dimensions {
  position: relative;
}

.new-style.attribute-style .add-segment-dimension {
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
}

.new-style.attribute-style .add-segment-dimension .button-bar {
  display: -ms-flexbox;
  display: flex;
  padding: 16px 24px;
}

.new-style.attribute-style .add-segment-dimension .button-bar .all-button {
  -ms-flex-positive: 1;
      flex-grow: 1;
  text-align: center;
}

.new-style.attribute-style .add-segment-dimension .button-bar .all-button apollo-btn {
  display: inline-block;
}

.new-style.attribute-style .add-segment-dimension .et-btn.is-open.fir-color {
  background-color: #408493;
}

.new-style.attribute-style .add-segment-dimension .et-btn.is-open.fir-color:hover {
  background-color: #255B67;
}

.new-style.attribute-style .add-segment-dimension .et-btn.is-open.blue-color {
  background-color: #6B9DD7;
}

.new-style.attribute-style .add-segment-dimension .et-btn.is-open.blue-color:hover {
  background-color: #216AC0;
}

.new-style.attribute-style .new-dimension-wrapper {
  position: relative;
}

.new-style.attribute-style .new-dimension-wrapper .new-dimension-wrapper {
  position: absolute;
  left: 0;
  top: 0;
}

.new-style.attribute-style .fix-dimensions .new-dimension.small.enabled-false {
  background-color: #408493;
}

.new-style.attribute-style .fix-dimensions .new-dimension.small.enabled-false .tooltip-dimension-graph .icon {
  color: transparent;
}

.new-style.attribute-style .fix-dimensions .new-dimension.small.enabled-true:hover {
  background-color: #408493;
  color: #FFFFFF;
}

.new-style.attribute-style .fix-dimensions .new-dimension.small.enabled-true .tooltip-dimension-graph:hover .icon-graphactive,
.new-style.attribute-style .fix-dimensions .new-dimension.small.enabled-true .tooltip-dimension-graph:hover .icon-graphadd {
  display: none;
}

.new-style.attribute-style .fix-dimensions .new-dimension.small.enabled-true .tooltip-dimension-graph:hover .icon-graphremove {
  display: inline-block;
  color: #f24e1e;
}

.new-style.attribute-style .fix-dimensions .new-dimension.small .tooltip-dimension-graph .icon {
  font-size: 8px;
  margin: -1px 0 0;
  float: unset;
  border: 2px solid #e1e1e1;
  border-radius: 50%;
  height: 15px;
  width: 15px;
  color: #656565;
  display: none;
}

.new-style.attribute-style .fix-dimensions .new-dimension.small .tooltip-dimension-graph .icon:before {
  display: inline-block;
  left: calc(50% - 0.5em);
  position: absolute;
  top: 2px;
}

.new-style.attribute-style .fix-dimensions .new-dimension.small .tooltip-dimension-graph .icon-graphactive {
  display: inline-block;
}

.new-style.attribute-style .fix-dimensions .new-dimension.small .tooltip-dimension-graph:hover .icon-graphactive,
.new-style.attribute-style .fix-dimensions .new-dimension.small .tooltip-dimension-graph:hover .icon-graphremove {
  display: none;
}

.new-style.attribute-style .fix-dimensions .new-dimension.small .tooltip-dimension-graph:hover .icon-graphadd {
  display: inline-block;
  color: #f24e1e;
}

.new-style.attribute-style .new-dimension {
  position: absolute;
  left: 0;
  top: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.new-style.attribute-style .new-dimension.small .icon {
  font-size: 9px;
}

.new-style.attribute-style .new-dimension.small .icon.remove {
  padding-top: 1px;
}

.new-style.attribute-style .new-dimension.small .drag-svg {
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  padding: 6.106px 6px 5.894px 6px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background-color: #408493;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.new-style.attribute-style .new-dimension.small .drag-svg drag-icon {
  height: 12px;
  width: 12px;
}

.new-style.attribute-style .new-dimension.small.blue-color .drag-svg {
  background-color: #6B9DD7;
}

.new-style.attribute-style .new-dimension.small.as-sortable-item {
  padding-left: 28px;
  max-width: 200px;
  min-width: 90px;
}

.new-style.attribute-style .new-dimension .title {
  cursor: default;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.new-style.attribute-style .new-dimension .title .tooltip-segment {
  color: #FFFFFF;
  border-color: #FFFFFF;
}

.new-style.attribute-style .new-dimension .icon.remove {
  cursor: pointer;
}

.new-style.attribute-style .new-segment-menu {
  margin-left: 0;
  margin-top: 44px;
  background-color: #FFFFFF;
  padding: 0;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

.date-picker-ga {
  position: relative;
}

.date-picker-ga .dropdown-menu .date-range-selection .date-range-selection-dropdown ul {
  min-width: initial;
}

.date-picker-ga .date-range-button {
  height: 38px;
  background-color: #fafafa;
  border: 1px solid #262626;
  border-radius: 4px;
  padding: 10px;
  min-width: 150px;
  font-size: 14px;
  font-weight: bold;
  line-height: 6px;
}

.date-picker-ga .date-range-button > div + div {
  margin-top: 9px;
  font-size: 10px;
  color: #888;
  font-weight: normal;
}

.date-picker-ga .dropdown-menu {
  padding: 0;
}

.day-picker-ga {
  min-width: 384px;
}

.day-picker-ga .display-month {
  margin-left: 40px;
  margin-bottom: 10px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 32px;
  padding: 0 36px;
  font-size: 15px;
  font-weight: 700;
}

.day-picker-ga .backward,
.day-picker-ga .forward {
  color: #000;
  position: absolute;
  top: 0;
  z-index: 4;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 50%;
  -moz-osx-font-smoothing: grayscale;
  font-family: "etracker" !important;
  font-size: 11px;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: normal !important;
  height: 30px;
  line-height: 28px;
  text-transform: none !important;
  width: 30px;
  text-align: center;
}

.day-picker-ga .backward.stopped,
.day-picker-ga .forward.stopped {
  visibility: hidden;
}

.day-picker-ga .backward {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  left: 0;
}

.day-picker-ga .forward {
  right: 0;
}

.day-picker-ga .week {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.day-picker-ga .week + .week + .week {
  margin-top: 10px;
}

.day-picker-ga .week .no {
  width: 30px;
  color: #888;
  font-size: 10px;
  height: 40px;
  line-height: 44px;
  text-align: right;
  margin-right: 10px;
}

.day-picker-ga .week .empty-no {
  width: 30px;
  margin-right: 10px;
}

.day-picker-ga .week .days {
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid transparent;
  border-radius: 4px;
}

.day-picker-ga .week .days .day {
  cursor: pointer;
  width: 40px;
  border: 1px solid transparent;
  border-radius: 4px;
  text-align: center;
  font-size: 10px;
  line-height: 8px;
}

.day-picker-ga .week .days .day + .day {
  margin-left: 10px;
}

.day-picker-ga .week .days .day.other-month {
  color: #bdbdbd;
}

.day-picker-ga .week .days .day.disabled {
  color: #f0f0f0;
  cursor: not-allowed;
}

.day-picker-ga .week .days.date .day {
  height: 40px;
  font-size: 15px;
  line-height: 38px;
  font-weight: bold;
}

.day-picker-ga .week .days.date.disabled .day {
  color: #f0f0f0;
  cursor: not-allowed;
}

.range-week .day-picker-ga .week .days.date {
  cursor: pointer;
  border-color: #f0f0f0;
}

.range-week .day-picker-ga .week .days.date.active {
  border-color: #F24E1E;
  background-color: #FF6B4040;
}

.range-week .day-picker-ga .week .days.date.disabled {
  color: #f0f0f0;
  cursor: not-allowed;
}

.range-day .day-picker-ga .week .days.date .day {
  border-color: #f0f0f0;
}

.range-day .day-picker-ga .week .days.date .day.active {
  border-color: #F24E1E;
  background-color: #FF6B4040;
}

day-picker-g-a,
month-picker-g-a {
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-align: start;
      align-items: flex-start;
}

.month-picker-ga {
  display: inline-block;
  width: 384px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.month-picker-ga .quarter {
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid transparent;
  border-radius: 4px;
}

.month-picker-ga .quarter + .quarter {
  margin-top: 10px;
}

.month-picker-ga .quarter .month {
  cursor: pointer;
  width: 120px;
  height: 40px;
  font-size: 15px;
  line-height: 38px;
  font-weight: bold;
  border: 1px solid transparent;
  border-radius: 4px;
  text-align: center;
}

.month-picker-ga .quarter .month + .month {
  margin-left: 10px;
}

.year-picker-ga {
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 117px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-item-align: end;
      align-self: flex-end;
  gap: 10px;
  border-left: 1px solid #282828;
}

.year-picker-ga .year {
  cursor: pointer;
  margin-left: 16px;
  border-radius: 4px;
  width: 100px;
  height: 42px;
  font-size: 15px;
  line-height: 41px;
  font-weight: bold;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  text-align: center;
}

.year-picker-ga .year.active {
  border-color: #F24E1E;
  background-color: #FF6B4040;
}

.year-picker-ga .year.disabled {
  color: #f0f0f0;
  cursor: not-allowed;
}

.month-picker-ga .quarter .month {
  cursor: pointer;
}

.range-year .month-picker-ga {
  background-color: #fdc19980;
  border-color: #F24E1E;
}

.range-year .month-picker-ga .quarter .month {
  cursor: default;
}

.range-quarter .month-picker-ga .quarter {
  cursor: pointer;
  border-color: #f0f0f0;
}

.range-quarter .month-picker-ga .quarter.active {
  border-color: #F24E1E;
  background-color: #FF6B4040;
}

.range-quarter .month-picker-ga .quarter.disabled {
  color: #f0f0f0;
  cursor: not-allowed;
}

.range-quarter .month-picker-ga .quarter.disabled .month {
  cursor: not-allowed;
}

.range-month .month-picker-ga .quarter .month {
  border-color: #f0f0f0;
}

.range-month .month-picker-ga .quarter .month.active {
  border-color: #F24E1E;
  background-color: #FF6B4040;
}

.range-month .month-picker-ga .quarter .month.disabled {
  color: #f0f0f0;
  cursor: not-allowed;
}.key-figure-level {
  display: block;
}.key-figure-data-row {
  display: block;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

.ga-report-container .config {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ga-report-container .config .apollo-date-picker {
  margin-right: 0;
}

.ga-report-container .config .dropdown .dropdown__btn {
  min-width: 120px;
}

.ga-report-container .ga-title {
  font-size: 25px;
  font-weight: bold;
  white-space: nowrap;
}

.ga-report-container .filter-container {
  position: relative;
}

.ga-report-container .filter-container input {
  padding-right: 35px;
}

.ga-report-container .filter-container i {
  position: absolute;
  right: 14px;
  top: 13px;
  pointer-events: none;
}

table.ga-report {
  margin: 20px;
  border: 1px solid #dadada;
  border-radius: 5px;
  border-collapse: separate;
}

table.ga-report tbody tr {
  height: 50px;
}

table.ga-report th {
  text-decoration: underline;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #656565;
  background-color: white;
  font-size: 13px;
  font-weight: 400;
  padding: 0 4px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  vertical-align: middle;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: normal;
  overflow: visible;
}

table.ga-report th .sort {
  position: absolute;
  bottom: 0;
  left: 54px;
}

table.ga-report thead th:hover {
  cursor: pointer;
}

table.ga-report thead th:hover .sort:before {
  display: inline-block;
}

table.ga-report thead th:hover::after {
  pointer-events: none;
  background: none;
  content: '\A0';
  height: var(--ga-report-overlay-height, 2000px);
  left: 0;
  position: absolute;
  top: 0px;
  width: 100%;
  border: 2px solid black;
  border-radius: 4px;
  z-index: 3;
}

table.ga-report thead .dimension-th {
  background-color: #ebebeb;
}

table.ga-report td {
  width: 120px;
  height: 100%;
  text-align: center;
  line-height: 49px;
  height: 49px;
  font-size: 13px;
  position: relative;
  font-weight: 600;
  border: solid 2px transparent;
  border-width: 2px 0;
}

table.ga-report .dimension-td {
  padding: 0 16px 0 16px;
  text-align: left;
  white-space: nowrap;
  max-width: 400px;
  overflow: hidden;
  -o-text-overflow: ellipsis " [...]";
     text-overflow: ellipsis " [...]";
}

table.ga-report .dimension-th {
  text-decoration: none;
}

table.ga-report .dimension-th,
table.ga-report .dimension-td {
  width: 150px;
}

table.ga-report .border-overlay {
  display: inline-block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 140px;
  border-radius: 5px;
  z-index: 10;
  border: solid 2px black;
  background: none;
}

table.ga-report td.compare-sum-td {
  line-height: 32px;
  vertical-align: middle;
}

table.ga-report .compare-sum {
  display: block;
  padding: 2px 0;
  margin: 0;
  height: 16px;
  font-size: 11px;
  line-height: 0px;
  color: #656565;
}

table.ga-report tbody tr:first-child td {
  position: -webkit-sticky;
  position: sticky;
  top: 75px;
  z-index: 1;
  border-top-width: 2px 0;
  border-top-color: #e1e1e1;
  border-bottom-width: 2px 0;
  border-bottom-color: #e1e1e1;
  background: none;
  font-size: 16px;
}

table.ga-report tbody tr:first-child td:first-child {
  padding-left: 14px;
  border-left-color: #e1e1e1;
  border-left-width: 2px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

table.ga-report tbody tr:first-child td:last-child {
  padding-left: 2px;
  border-right-color: #e1e1e1;
  border-right-width: 2px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

table.ga-report tr:hover td {
  border-top-color: #060606;
  border-bottom-color: #060606;
}

table.ga-report tr:hover td:first-child {
  padding-left: 14px;
  border-left-color: #060606;
  border-left-width: 2px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

table.ga-report tr:hover td:last-child {
  padding-left: 2px;
  border-right-color: #060606;
  border-right-width: 2px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

table.ga-report tr:nth-child(2n+1) .dimension-td {
  background-color: #ebebeb;
}

table.ga-report tr:nth-child(2n+1) .data-td {
  background-color: #f5f5f5;
}

table.ga-report tr:nth-child(2n) .dimension-td {
  background-color: #f5f5f5;
}

table.ga-report tr:nth-child(2n) .data-td {
  background-color: #FFFFFF;
}

table.ga-report tr .data-td,
table.ga-report tr .dimension-th-last + th {
  border-left: 1px solid #e1e1e1;
}

table.ga-report tr .data-td ~ .data-td {
  border-left: none;
}.report-display-mode-panel {
  margin-right: 20px;
  float: left;
  margin-left: 10px;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

.last-pages.last-pages table {
  width: calc(100% - 12px);
}

.last-pages.last-pages table .kf-header--group.kf-header--group.kf-header--group,
.last-pages.last-pages table .kf-header--figure.kf-header--figure.kf-header--figure,
.last-pages.last-pages table .kf-data {
  width: auto;
}

.last-pages.last-pages table th {
  width: auto;
}

.last-pages.last-pages table .kf-header--figure {
  cursor: pointer;
}

.last-pages.last-pages table .kf-header--figure > div + div {
  margin-top: 4px;
}

.last-pages.last-pages table .kf-header--figure .icon {
  display: inline-block;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  opacity: 0;
  padding-top: 3px;
}

.last-pages.last-pages table .kf-header--figure .icon.active {
  opacity: 1;
}

.last-pages.last-pages table .kf-header--figure .icon.asc {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.last-pages.last-pages table .kf-header--figure:hover .icon {
  opacity: 1;
}

.last-pages.last-pages table .kf-header--figure:hover .icon.active {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.last-pages.last-pages table .kf-header--figure:hover .icon.active:before {
  content: 'N';
}

.last-pages.last-pages table .kf-header--figure:hover .icon.active.asc {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

.last-pages.last-pages .dimensions-cnt.dimensions-cnt.dimensions-cnt {
  width: 600px;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

.dimensions-dialog.dimensions-dialog.dimensions-dialog {
  margin-left: 0;
  margin-top: 44px;
  background-color: #FFFFFF;
  padding: 16px 0px 0px;
}

.dimensions-dialog.dimensions-dialog.dimensions-dialog .dimensions {
  min-width: 300px;
}

.dimensions-dialog.dimensions-dialog.dimensions-dialog .dimensions .title {
  padding: 11px 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.dimensions-dialog.dimensions-dialog.dimensions-dialog .dimensions .title .icon {
  display: inline-block;
  width: 14px;
  height: 14px;
}

.dimensions-dialog.dimensions-dialog.dimensions-dialog .dimensions .title h2 {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #262626;
  white-space: nowrap;
  margin-right: 20px;
}

.dimensions-dialog.dimensions-dialog.dimensions-dialog .dimensions .max-hint {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.dimensions-dialog.dimensions-dialog.dimensions-dialog .dimensions .max-hint .ds-snack-blue {
  margin: 0 20px 12px;
  white-space: nowrap;
}

.dimensions-dialog.dimensions-dialog.dimensions-dialog .dimensions .dimension-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 80px;
  margin: 20px 40px 12px 24px;
}

.dimensions-dialog.dimensions-dialog.dimensions-dialog .dimensions .dimension-col {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 24px;
}

.dimensions-dialog.dimensions-dialog.dimensions-dialog .dimensions .dimension-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 8px;
  font-size: 13px;
  line-height: 16px;
}

.dimensions-dialog.dimensions-dialog.dimensions-dialog .dimensions .dimension-block h2 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  white-space: nowrap;
  text-transform: uppercase;
  color: #255B67;
}

.dimensions-dialog.dimensions-dialog.dimensions-dialog .dimensions .dimension-block .dimension-item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  cursor: pointer;
  font-weight: 600;
  color: #262626;
  padding-right: 16px;
  white-space: nowrap;
}

.dimensions-dialog.dimensions-dialog.dimensions-dialog .dimensions .dimension-block .dimension-item upgrade-popover {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.dimensions-dialog.dimensions-dialog.dimensions-dialog .dimensions .dimension-block .dimension-item .upgrade-popover {
  position: relative;
  width: 18px;
  height: 18px;
}

.dimensions-dialog.dimensions-dialog.dimensions-dialog .dimensions .dimension-block .dimension-item .info:before {
  vertical-align: -2px;
}

.dimensions-dialog.dimensions-dialog.dimensions-dialog .dimensions .dimension-block .dimension-item .icon {
  margin-left: 4px;
  display: inline-block;
  font-size: 9px;
  height: 14px;
  width: 10px;
  color: transparent;
}

.dimensions-dialog.dimensions-dialog.dimensions-dialog .dimensions .dimension-block .dimension-item:hover {
  color: #F24E1E;
}

.dimensions-dialog.dimensions-dialog.dimensions-dialog .dimensions .dimension-block .dimension-item.active {
  display: -ms-flexbox;
  display: flex;
  width: initial;
  padding: 4px 8px;
  height: 24px;
  color: #FFFFFF;
  background: #F24E1E;
  border-radius: 32px;
}

.dimensions-dialog.dimensions-dialog.dimensions-dialog .dimensions .dimension-block .dimension-item.active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.dimensions-dialog.dimensions-dialog.dimensions-dialog .dimensions .dimension-block .dimension-item.active .dsa-info-bold,
.dimensions-dialog.dimensions-dialog.dimensions-dialog .dimensions .dimension-block .dimension-item.active .icon {
  color: inherit;
}

.dimensions-dialog.dimensions-dialog.dimensions-dialog .dimensions .button-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
  height: 67px;
  background-color: #F3F7F8;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.dimensions-dialog.dimensions-dialog.dimensions-dialog .dimensions .button-bar button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  height: 35px;
  font-size: 16px;
  font-weight: 400;
}

.dimensions-dialog.dimensions-dialog.dimensions-dialog .dimensions .button-bar .ready button {
  min-width: 108px;
  padding: 8px 32px;
}

.dimensions-dialog.dimensions-dialog.dimensions-dialog .dimensions .button-bar .cancel button {
  min-width: auto;
  padding: 0;
}

.dimensions-dialog.dimensions-dialog.dimensions-dialog .dimensions .button-bar .cancel button:hover {
  color: #F24E1E;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.notice-tooltip .title,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
annotation .amount,
.notice-tooltip .date,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.notice-tooltip .title {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
annotation .amount,
.notice-tooltip .date {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

annotation {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

annotation annotation-icon {
  width: 17.6px;
  height: 16px;
  display: inline-block;
  line-height: 1;
  cursor: pointer;
}

annotation .amount {
  position: absolute;
  left: 11px;
  top: -3px;
  color: #FFFFFF;
  background-color: #F24E1E;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  line-height: 1;
  width: 14px;
  height: 14px;
  border-radius: 10px;
}

annotation .amount span {
  padding-left: 2px;
}

.notice-tooltip {
  position: relative;
  z-index: 1000;
  background-color: #FFFFFF;
  border-radius: 4px;
  padding: 10px;
}

.notice-tooltip .list {
  z-index: 1000;
  max-height: 230px;
  overflow: hidden;
}

.notice-tooltip .arrow {
  position: absolute;
  z-index: -1;
  bottom: -5px;
  height: 10px;
  width: 10px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: #FFFFFF;
  left: calc(50% - 5px);
}

.notice-tooltip .date {
  padding-top: 6px;
  padding-bottom: 6px;
  color: #7B8595;
}

.notice-tooltip .title {
  margin-bottom: 8px;
}

.notice-tooltip.light {
  background-color: #000;
}

.notice-tooltip.light .arrow {
  background-color: #000;
}

.notice-tooltip.light .title {
  color: #FFFFFF;
}

.notice-tooltip.light .date {
  color: #CFCFCF;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient,
.ds-options-wrapper {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.ds-segment-block,
.ds-segment-block-zero {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
side-menu > div,
.side-menu > div,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.ds-row-headline,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
side-menu > div,
.side-menu > div {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.ds-row-headline {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient,
.ds-options-wrapper {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.ds-segment-block,
.ds-segment-block-zero {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.ds-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 16px;
}

.ds-section:first-child {
  gap: 12px;
}

/* vorlagen-wrapper */

.ds-section-wrapper-12,
.ds-section-wrapper-24,
.ds-section-wrapper,
.ds-section-wrapper-48 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  background: #EBF0F5;
}

.ds-section-wrapper-12 > .dsa-tag-label,
.ds-section-wrapper-24 > .dsa-tag-label,
.ds-section-wrapper > .dsa-tag-label,
.ds-section-wrapper-48 > .dsa-tag-label,
.ds-section-wrapper-12 > .ds-label-grey,
.ds-section-wrapper-24 > .ds-label-grey,
.ds-section-wrapper > .ds-label-grey,
.ds-section-wrapper-48 > .ds-label-grey,
.ds-section-wrapper-12 > .ds-label-blue,
.ds-section-wrapper-24 > .ds-label-blue,
.ds-section-wrapper > .ds-label-blue,
.ds-section-wrapper-48 > .ds-label-blue,
.ds-section-wrapper-12 > .ds-label-fir,
.ds-section-wrapper-24 > .ds-label-fir,
.ds-section-wrapper > .ds-label-fir,
.ds-section-wrapper-48 > .ds-label-fir,
.ds-section-wrapper-12 > .ds-label-blue-small,
.ds-section-wrapper-24 > .ds-label-blue-small,
.ds-section-wrapper > .ds-label-blue-small,
.ds-section-wrapper-48 > .ds-label-blue-small,
.ds-section-wrapper-12 > .ds-label-fir-small,
.ds-section-wrapper-24 > .ds-label-fir-small,
.ds-section-wrapper > .ds-label-fir-small,
.ds-section-wrapper-48 > .ds-label-fir-small,
.ds-section-wrapper-12 > .ds-dropdown-menu-label,
.ds-section-wrapper-24 > .ds-dropdown-menu-label,
.ds-section-wrapper > .ds-dropdown-menu-label,
.ds-section-wrapper-48 > .ds-dropdown-menu-label,
.ds-section-wrapper-12 > .ds-row-headline,
.ds-section-wrapper-24 > .ds-row-headline,
.ds-section-wrapper > .ds-row-headline,
.ds-section-wrapper-48 > .ds-row-headline {
  color: #7B8595;
}

.ds-section-wrapper-12 {
  gap: 12px;
}

.ds-section-wrapper-24,
.ds-section-wrapper {
  gap: 24px;
}

.ds-section-wrapper-48 {
  gap: 48px;
}

/* options-wrapper */

.ds-options-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 8px 12px 8px;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 8px 24px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 16px;
  border: 0.5px solid #CFDDE8;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
}

/* row-headline */

.ds-row-headline {
  color: #7B8595;
  padding-bottom: 8px;
}

.ds-manager-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 46px;
  border-radius: 8px;
}

.ds-segment-block,
.ds-segment-block-zero {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  background: #FDFDFD;
}

.ds-segment-block {
  padding-right: 4px;
}

.ds-segment-block-zero {
  padding: 16px;
}

.ds-segment-info-wrapper {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.ds-segment-info {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 16px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-segment-right-bar {
  display: -ms-flexbox;
  display: flex;
  padding: 3px 0px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-segment-bar,
.ds-separator {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-segment-bar {
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 16px 0;
}

.ds-separator {
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 12px 16px;
}

.ds-segment-config {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
  white-space: nowrap;
}

.ds-side-bar-menu,
side-bar-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 201px;
  -ms-flex: 0 0 201px;
      flex: 0 0 201px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 4px;
}

.ds-side-bar-menu .dsa-tag-label,
.ds-side-bar-menu .ds-label-grey,
.ds-side-bar-menu .ds-label-blue,
.ds-side-bar-menu .ds-label-fir,
.ds-side-bar-menu .ds-label-blue-small,
.ds-side-bar-menu .ds-label-fir-small,
.ds-side-bar-menu .ds-dropdown-menu-label,
.ds-side-bar-menu .ds-row-headline,
side-bar-menu .dsa-tag-label,
side-bar-menu .ds-label-grey,
side-bar-menu .ds-label-blue,
side-bar-menu .ds-label-fir,
side-bar-menu .ds-label-blue-small,
side-bar-menu .ds-label-fir-small,
side-bar-menu .ds-dropdown-menu-label,
side-bar-menu .ds-row-headline {
  margin-top: 8px;
  color: #7B8595;
}

.ds-side-bar-menu .dsa-h3,
side-bar-menu .dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
  padding: 0 0 24px 0;
  cursor: default;
}

.ds-side-bar-menu .dsa-h3:hover,
side-bar-menu .dsa-h3:hover {
  background-color: transparent;
}

side-menu,
.side-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  padding: 4px 0px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

side-menu > div,
.side-menu > div {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  padding: 12px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-left: 1px solid #CFCFCF;
}

side-menu > div.active,
.side-menu > div.active {
  border-left-color: #F24E1E;
}

side-menu > div.disabled,
.side-menu > div.disabled {
  cursor: not-allowed;
  color: #CFCFCF;
}

side-menu > div .upgrade-item,
.side-menu > div .upgrade-item {
  display: inline-block;
  position: relative;
  width: 16px;
  margin-left: 8px;
}

.ds-section-list-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.ds-section-list-item {
  border: 1px solid #C7CBD0;
  background-color: white;
  padding: 10px 18px;
  border-bottom-width: 0;
  height: 68px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 8px;
}

.ds-section-list-item:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.ds-section-list-item:last-child {
  border-bottom-width: 1px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.ds-section-list-item:hover {
  -webkit-box-shadow: 0px 0px 15px 0px rgba(73, 73, 73, 0.4);
          box-shadow: 0px 0px 15px 0px rgba(73, 73, 73, 0.4);
  z-index: 100;
}

.ds-section-list-item:nth-child(even) {
  background-color: #EBF0F5;
}

.ds-section-list-item.ds-section-list-item-disabled:nth-child(even),
.ds-section-list-item-disabled {
  background-color: #C7CBD0;
  opacity: 0.75;
}

.ds-section-list-item.ds-section-list-item-disabled:nth-child(even) *,
.ds-section-list-item-disabled * {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

.ds-close-x {
  position: relative;
  margin-left: 12px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-close-x-abs {
  position: absolute;
  right: 8px;
  top: 8px;
  height: 16px;
  width: 16px;
}

.ds-close-x-abs .icon-absolute-close,
.ds-close-x .icon-absolute-close {
  font-size: 9px;
  position: absolute;
  right: 8px;
  top: 1px;
  height: 100%;
}

.ds-close-x-abs .icon-absolute-close:before,
.ds-close-x .icon-absolute-close:before {
  left: auto;
  right: 0;
}

.ds-close-x-abs svg:hover,
.ds-close-x-abs .icon-absolute-close:hover,
.ds-close-x svg:hover,
.ds-close-x .icon-absolute-close:hover {
  cursor: pointer;
  color: #F24E1E;
}

.report-model {
  position: absolute;
  top: -76px;
  right: 5px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 6px;
}

.report-model .dsa-chip {
  cursor: pointer;
  border-radius: 8px;
  height: 24px;
  margin-left: 4px;
}

.report-model .dsa-chip.dark {
  background: #7B8595;
  color: #FFFFFF;
  padding-right: 12px;
  margin-right: 8px;
}

.report-model .dsa-chip.noRemove {
  padding-right: 12px;
}

.report-model .dsa-chip > span {
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.report-model.dropdown button.ds-dropdown-toggle {
  background-color: #DEE0E2;
  border-color: transparent;
}

.report-model .ds-dropdown-menu {
  gap: 16px;
}

.report-model .two-columns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 16px;
}

.report-model .conversion-list-wrapper {
  max-height: 300px;
}

.report-model .conversion-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  padding: 4px 0 0 0;
  min-width: 140px;
}

.report-model .conversion-list + .dsa-tag-label,
.report-model .conversion-list + .ds-label-grey,
.report-model .conversion-list + .ds-label-blue,
.report-model .conversion-list + .ds-label-fir,
.report-model .conversion-list + .ds-label-blue-small,
.report-model .conversion-list + .ds-label-fir-small,
.report-model .conversion-list + .ds-dropdown-menu-label,
.report-model .conversion-list + .ds-row-headline {
  margin-top: 16px;
}

.report-model .conversion-item {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.report-model .conversion-item > span {
  max-width: 400px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.report-model .conversion-item remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.report-model .conversion-item > span {
  color: inherit;
}

.report-model .conversion-item.disabled {
  cursor: default;
  color: #B0B0B0;
}

.report-model .conversion-item.disabled:hover {
  color: #B0B0B0;
}

.report-model .conversion-item.margin-bottom {
  margin-bottom: 29px;
}

.report-model .conversion-item:hover {
  color: #F24E1E;
}

.report-model .conversion-item.active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.report-model .conversion-item.active remove-icon {
  display: inline-block;
}

.report-model .conversion-item.active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient,
.ds-options-wrapper {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.ds-segment-block,
.ds-segment-block-zero,
.segment-manager .segment-resume filter-resume > .group > .sub-group,
.segment-manager .segment-editor .button-bar .shadow {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient,
.ds-options-wrapper {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.ds-segment-block,
.ds-segment-block-zero,
.segment-manager .segment-resume filter-resume > .group > .sub-group,
.segment-manager .segment-editor .button-bar .shadow {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

/*
	Mixin to prefix a property
	e.g.
	use:
	@include prefix(transform, rotate(45deg));

	will output:
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
  	-ms-transform: rotate(45deg);
  	-o-transform: rotate(45deg);
  	transform: rotate(45deg);
*/

/**
 * BEGIN: BREAKPOINTS
 * The original ranges defined in the dashboard design were as follows:
 *
 * - 0 to 1023px: mobile
 * - 1024px to 1365px: tablet
 * - 1366px to 1919px: desktop
 * - 1920px to infinity: desktop-large
 *
 * The breakpoints defined below do not all conform to this spec and have caused inconsistencies in the behaviour of
 * the dashboard. This comment must be deleted when these inconsistencies have been fixed.
 */

/* WARNING: this breakpoint is inconsistent! */

/* WARNING: this breakpoint is inconsistent! */

/* WARNING: this breakpoint is inconsistent! */

/* WARNING: this breakpoint is inconsistent! */

/* WARNING: this breakpoint is inconsistent! */

/**
 * END: BREAKPOINTS
 */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient,
.ds-options-wrapper {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.ds-segment-block,
.ds-segment-block-zero,
.segment-manager .segment-resume filter-resume > .group > .sub-group,
.segment-manager .segment-editor .button-bar .shadow {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
side-menu > div,
.side-menu > div,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.ds-row-headline,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
side-menu > div,
.side-menu > div {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.ds-row-headline {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient,
.ds-options-wrapper {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.ds-segment-block,
.ds-segment-block-zero,
.segment-manager .segment-resume filter-resume > .group > .sub-group,
.segment-manager .segment-editor .button-bar .shadow {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.ds-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 16px;
}

.ds-section:first-child {
  gap: 12px;
}

/* vorlagen-wrapper */

.ds-section-wrapper-12,
.ds-section-wrapper-24,
.ds-section-wrapper,
.ds-section-wrapper-48 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  background: #EBF0F5;
}

.ds-section-wrapper-12 > .dsa-tag-label,
.ds-section-wrapper-24 > .dsa-tag-label,
.ds-section-wrapper > .dsa-tag-label,
.ds-section-wrapper-48 > .dsa-tag-label,
.ds-section-wrapper-12 > .ds-label-grey,
.ds-section-wrapper-24 > .ds-label-grey,
.ds-section-wrapper > .ds-label-grey,
.ds-section-wrapper-48 > .ds-label-grey,
.ds-section-wrapper-12 > .ds-label-blue,
.ds-section-wrapper-24 > .ds-label-blue,
.ds-section-wrapper > .ds-label-blue,
.ds-section-wrapper-48 > .ds-label-blue,
.ds-section-wrapper-12 > .ds-label-fir,
.ds-section-wrapper-24 > .ds-label-fir,
.ds-section-wrapper > .ds-label-fir,
.ds-section-wrapper-48 > .ds-label-fir,
.ds-section-wrapper-12 > .ds-label-blue-small,
.ds-section-wrapper-24 > .ds-label-blue-small,
.ds-section-wrapper > .ds-label-blue-small,
.ds-section-wrapper-48 > .ds-label-blue-small,
.ds-section-wrapper-12 > .ds-label-fir-small,
.ds-section-wrapper-24 > .ds-label-fir-small,
.ds-section-wrapper > .ds-label-fir-small,
.ds-section-wrapper-48 > .ds-label-fir-small,
.ds-section-wrapper-12 > .ds-dropdown-menu-label,
.ds-section-wrapper-24 > .ds-dropdown-menu-label,
.ds-section-wrapper > .ds-dropdown-menu-label,
.ds-section-wrapper-48 > .ds-dropdown-menu-label,
.ds-section-wrapper-12 > .ds-row-headline,
.ds-section-wrapper-24 > .ds-row-headline,
.ds-section-wrapper > .ds-row-headline,
.ds-section-wrapper-48 > .ds-row-headline {
  color: #7B8595;
}

.ds-section-wrapper-12 {
  gap: 12px;
}

.ds-section-wrapper-24,
.ds-section-wrapper {
  gap: 24px;
}

.ds-section-wrapper-48 {
  gap: 48px;
}

/* options-wrapper */

.ds-options-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 8px 12px 8px;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 8px 24px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 16px;
  border: 0.5px solid #CFDDE8;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
}

/* row-headline */

.ds-row-headline {
  color: #7B8595;
  padding-bottom: 8px;
}

.ds-manager-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 46px;
  border-radius: 8px;
}

.ds-segment-block,
.ds-segment-block-zero {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  background: #FDFDFD;
}

.ds-segment-block {
  padding-right: 4px;
}

.ds-segment-block-zero {
  padding: 16px;
}

.ds-segment-info-wrapper {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.ds-segment-info {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 16px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-segment-right-bar {
  display: -ms-flexbox;
  display: flex;
  padding: 3px 0px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-segment-bar,
.ds-separator {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-segment-bar {
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 16px 0;
}

.ds-separator {
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 12px 16px;
}

.ds-segment-config {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
  white-space: nowrap;
}

.ds-side-bar-menu,
side-bar-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 201px;
  -ms-flex: 0 0 201px;
      flex: 0 0 201px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 4px;
}

.ds-side-bar-menu .dsa-tag-label,
.ds-side-bar-menu .ds-label-grey,
.ds-side-bar-menu .ds-label-blue,
.ds-side-bar-menu .ds-label-fir,
.ds-side-bar-menu .ds-label-blue-small,
.ds-side-bar-menu .ds-label-fir-small,
.ds-side-bar-menu .ds-dropdown-menu-label,
.ds-side-bar-menu .ds-row-headline,
side-bar-menu .dsa-tag-label,
side-bar-menu .ds-label-grey,
side-bar-menu .ds-label-blue,
side-bar-menu .ds-label-fir,
side-bar-menu .ds-label-blue-small,
side-bar-menu .ds-label-fir-small,
side-bar-menu .ds-dropdown-menu-label,
side-bar-menu .ds-row-headline {
  margin-top: 8px;
  color: #7B8595;
}

.ds-side-bar-menu .dsa-h3,
side-bar-menu .dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
  padding: 0 0 24px 0;
  cursor: default;
}

.ds-side-bar-menu .dsa-h3:hover,
side-bar-menu .dsa-h3:hover {
  background-color: transparent;
}

side-menu,
.side-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  padding: 4px 0px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

side-menu > div,
.side-menu > div {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  padding: 12px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-left: 1px solid #CFCFCF;
}

side-menu > div.active,
.side-menu > div.active {
  border-left-color: #F24E1E;
}

side-menu > div.disabled,
.side-menu > div.disabled {
  cursor: not-allowed;
  color: #CFCFCF;
}

side-menu > div .upgrade-item,
.side-menu > div .upgrade-item {
  display: inline-block;
  position: relative;
  width: 16px;
  margin-left: 8px;
}

.ds-section-list-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.ds-section-list-item {
  border: 1px solid #C7CBD0;
  background-color: white;
  padding: 10px 18px;
  border-bottom-width: 0;
  height: 68px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 8px;
}

.ds-section-list-item:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.ds-section-list-item:last-child {
  border-bottom-width: 1px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.ds-section-list-item:hover {
  -webkit-box-shadow: 0px 0px 15px 0px rgba(73, 73, 73, 0.4);
          box-shadow: 0px 0px 15px 0px rgba(73, 73, 73, 0.4);
  z-index: 100;
}

.ds-section-list-item:nth-child(even) {
  background-color: #EBF0F5;
}

.ds-section-list-item.ds-section-list-item-disabled:nth-child(even),
.ds-section-list-item-disabled {
  background-color: #C7CBD0;
  opacity: 0.75;
}

.ds-section-list-item.ds-section-list-item-disabled:nth-child(even) *,
.ds-section-list-item-disabled * {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

.ds-close-x {
  position: relative;
  margin-left: 12px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-close-x-abs {
  position: absolute;
  right: 8px;
  top: 8px;
  height: 16px;
  width: 16px;
}

.ds-close-x-abs .icon-absolute-close,
.ds-close-x .icon-absolute-close {
  font-size: 9px;
  position: absolute;
  right: 8px;
  top: 1px;
  height: 100%;
}

.ds-close-x-abs .icon-absolute-close:before,
.ds-close-x .icon-absolute-close:before {
  left: auto;
  right: 0;
}

.ds-close-x-abs svg:hover,
.ds-close-x-abs .icon-absolute-close:hover,
.ds-close-x svg:hover,
.ds-close-x .icon-absolute-close:hover {
  cursor: pointer;
  color: #F24E1E;
}

.segment-manager {
  display: -ms-flexbox;
  display: flex;
  padding: 32px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 33px;
  border-radius: 12px;
  background-color: #FDFDFD;
}

.segment-manager .input-error.input-error.input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.segment-manager .title-error {
  border-bottom: 1px solid #F11B1B;
}

.segment-manager .title-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.segment-manager .segment-warning {
  color: #F24E1E;
  border-radius: 4px;
  font-weight: bold;
}

.segment-manager .filter-line .dropdown__btn {
  padding: 8px 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.segment-manager .filter-line .dropdown__btn .txt {
  font-size: 17px;
  line-height: 21px;
  font-weight: 400;
}

.segment-manager table th,
.segment-manager table td {
  padding: 5px;
}

.segment-manager table th + th,
.segment-manager table td + td {
  border-left: 1px solid #888;
}

.segment-manager table tbody td {
  border-top: 1px solid #888;
}

.segment-manager table th,
.segment-manager table td {
  text-align: center;
  vertical-align: middle;
}

.segment-manager table tbody tr:nth-child(even) {
  background-color: #f5f5f5;
}

.segment-manager .et-settings__table-row-overlay td:last-child {
  padding-bottom: 5px;
}

.segment-manager .radio-bar-mini,
.segment-manager .radio-bar {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 4px;
  background-color: rgba(230, 230, 230, 0.87);
}

.segment-manager .radio-bar-mini .radio-button,
.segment-manager .radio-bar .radio-button {
  cursor: pointer;
  white-space: nowrap;
}

.segment-manager .radio-bar-mini .radio-button:hover,
.segment-manager .radio-bar .radio-button:hover {
  background-color: #F5F5F5;
}

.segment-manager .radio-bar-mini .radio-button.active,
.segment-manager .radio-bar .radio-button.active {
  cursor: default;
  background-color: #FFFFFF;
}

.segment-manager .radio-bar {
  padding: 4px;
}

.segment-manager .radio-bar .radio-button {
  padding: 4px 12px;
}

.segment-manager .radio-bar-mini {
  padding: 2px;
}

.segment-manager .radio-bar-mini .radio-button {
  padding: 4px 6px;
}

.segment-manager input.suggestions + .dropdown-menu {
  max-height: 400px;
  overflow: auto;
}

.segment-manager .head-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 32px 0 16px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 32px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.segment-manager icon-bridge {
  line-height: 1;
}

.segment-manager .segment-props-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-positive: 1;
      flex-grow: 1;
  gap: 8px;
}

.segment-manager .segment-props-wrap .grey {
  color: #919191;
}

.segment-manager .segment-props-wrap > .dsa-text-book,
.segment-manager .segment-props-wrap > .dsa-text-book-italic,
.segment-manager .segment-props-wrap > .dsa-radio-tab,
.segment-manager .segment-props-wrap > .dsa-radio-tab-large,
.segment-manager .segment-props-wrap > .ds-formfield,
.segment-manager .segment-props-wrap > .ds-unit-input,
.segment-manager .segment-props-wrap > .ds-input-number,
.segment-manager .segment-props-wrap > .ds-input-text,
.segment-manager .dropdown .segment-props-wrap > .ds-dropdown-toggle:not(.ds-pure-input),
.dropdown .segment-manager .segment-props-wrap > .ds-dropdown-toggle:not(.ds-pure-input),
.segment-manager .ds-unit-input .segment-props-wrap > .ds-pure-input,
.ds-unit-input .segment-manager .segment-props-wrap > .ds-pure-input,
.segment-manager .dropdown .segment-props-wrap > .ds-dropdown-toggle.ds-pure-input,
.dropdown .segment-manager .segment-props-wrap > .ds-dropdown-toggle.ds-pure-input,
.segment-manager .segment-props-wrap > .ds-input-wrapper,
.segment-manager .segment-props-wrap > .ds-dropdown-menu-item,
.segment-manager .segment-props-wrap > .ds-dropdown-menu-entry {
  width: 460px;
}

.segment-manager .segment-resume > .dsa-text-bold,
.segment-manager .segment-resume > .dsa-text-bold-italic,
.segment-manager .segment-resume > .dsm-side-bar-link,
.segment-manager .segment-resume > .ds-toggle-label,
.segment-manager .segment-resume > .ds-dropdown-menu-item.active,
.segment-manager .segment-resume > .active.ds-dropdown-menu-entry,
.segment-manager .segment-resume > .ds-snack-green,
.segment-manager .ds-snack-bar.segment-resume > div,
.segment-manager .segment-resume > .ds-snack-error,
.segment-manager .segment-resume > .ds-snack-blue,
.segment-manager side-menu.segment-resume > div,
.segment-manager .side-menu.segment-resume > div {
  color: #000;
}

.segment-manager .segment-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 4px;
  color: #222222;
  width: 305px;
}

.segment-manager .segment-title > .dsa-h5,
.segment-manager .dsm-upgrade-info > div.segment-title > div:first-child {
  width: 305px;
}

.segment-manager .segment-title > .dsa-h5:not(.grey),
.segment-manager .dsm-upgrade-info > div.segment-title > div:not(.grey):first-child {
  color: #000;
}

.segment-manager .segment-title .grey {
  color: #919191;
}

.segment-manager .segment-resume {
  cursor: default;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 12px;
  width: 247px;
  padding-right: 46px;
}

.segment-manager .segment-resume > h3 {
  color: #000;
}

.segment-manager .segment-resume filter-resume {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 4px;
}

.segment-manager .segment-resume filter-resume > div {
  color: #262626;
}

.segment-manager .segment-resume filter-resume > div.empty {
  color: #919191;
}

.segment-manager .segment-resume filter-resume > .group {
  display: -ms-flexbox;
  display: flex;
  padding: 4px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  border: 1px solid #DDDDDD;
  background: #EBF0F5;
}

.segment-manager .segment-resume filter-resume > .group > .sub-group {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #FFFFFF;
  word-break: break-all;
}

.segment-manager .segment-resume filter-resume > .group > .sub-group .dsa-info-bold + .dsa-info-book,
.segment-manager .segment-resume filter-resume > .group > .sub-group .dsa-button-primary-small + .dsa-info-book,
.segment-manager .segment-resume filter-resume > .group > .sub-group .dsa-button-secondary-small + .dsa-info-book,
.segment-manager .segment-resume filter-resume > .group > .sub-group .ds-combi-input + .dsa-info-book,
.segment-manager .segment-resume filter-resume > .group > .sub-group .dsa-info-bold + .dsa-chip,
.segment-manager .segment-resume filter-resume > .group > .sub-group .dsa-button-primary-small + .dsa-chip,
.segment-manager .segment-resume filter-resume > .group > .sub-group .dsa-button-secondary-small + .dsa-chip,
.segment-manager .segment-resume filter-resume > .group > .sub-group .ds-combi-input + .dsa-chip,
.segment-manager .segment-resume filter-resume > .group > .sub-group .ds-dropdown-select > .dsa-info-bold + span,
.segment-manager .segment-resume filter-resume > .group > .sub-group .ds-dropdown-select > .dsa-button-primary-small + span,
.segment-manager .segment-resume filter-resume > .group > .sub-group .ds-dropdown-select > .dsa-button-secondary-small + span,
.segment-manager .segment-resume filter-resume > .group > .sub-group .ds-dropdown-select > .ds-combi-input + span,
.segment-manager .segment-resume filter-resume > .group > .sub-group .dsm-upgrade-info > div > div.dsa-info-bold + div,
.segment-manager .segment-resume filter-resume > .group > .sub-group .dsm-upgrade-info > div > div.dsa-button-primary-small + div,
.segment-manager .segment-resume filter-resume > .group > .sub-group .dsm-upgrade-info > div > div.dsa-button-secondary-small + div,
.segment-manager .segment-resume filter-resume > .group > .sub-group .dsm-upgrade-info > div > div.ds-combi-input + div {
  color: #7B8595;
}

.segment-manager .segment-resume filter-resume > .group > .sub-group .first-line {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 4px;
}

.segment-manager .segment-resume filter-resume > .group > .sub-group .first-line > span {
  white-space: nowrap;
}

.segment-manager .segment-editor {
  width: 811px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 12px;
}

.segment-manager .segment-editor .sticky-container {
  position: -webkit-sticky;
  position: sticky;
  bottom: -36px;
  padding-bottom: 50px;
  margin-bottom: -50px;
}

.segment-manager .segment-editor .sticky-container.shadowed .button-bar {
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
  margin: 0 -9px;
}

.segment-manager .segment-editor .button-bar {
  -webkit-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  margin: 0;
  border-radius: 8px;
  border: 1px solid #E4E4E4;
  padding: 4px;
  background: #FFF;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: end;
}

.segment-manager .segment-editor .button-bar button:disabled {
  color: #FFFFFF;
  background-color: #B0B0B0;
}

.segment-manager .segment-connect {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-align: center;
      align-items: center;
}

.segment-manager .segment-connect > .dsa-line-1 {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.segment-manager .ds-segment-config {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.segment-manager .ds-segment-config.baseline {
  -ms-flex-align: baseline;
      align-items: baseline;
}

.segment-manager .segment-remove-wrap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-positive: 1;
      flex-grow: 1;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient,
.ds-options-wrapper {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.ds-segment-block,
.ds-segment-block-zero {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
side-menu > div,
.side-menu > div,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.filter-list-item,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.ds-row-headline,
.filter-list-headline,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dropdown .filter-dropdown-toggle.filter-add-button,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.filter-list-tab,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
side-menu > div,
.side-menu > div {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.filter-list-item {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.ds-row-headline,
.filter-list-headline {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dropdown .filter-dropdown-toggle.filter-add-button,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item,
.filter-list-tab {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient,
.ds-options-wrapper {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.ds-segment-block,
.ds-segment-block-zero {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dropdown .filter-dropdown-toggle.filter-add-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child,
.dropdown .filter-dropdown-toggle.filter-add-button > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dropdown .filter-dropdown-toggle.filter-add-button add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dropdown .filter-dropdown-toggle.filter-add-button paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dropdown .filter-dropdown-toggle.filter-add-button delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dropdown .filter-dropdown-toggle.filter-add-button chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon,
.dropdown .filter-dropdown-toggle.filter-add-button upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary,
.dropdown .ds-disabled.filter-dropdown-toggle.filter-add-button {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.ds-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 16px;
}

.ds-section:first-child {
  gap: 12px;
}

/* vorlagen-wrapper */

.ds-section-wrapper-12,
.ds-section-wrapper-24,
.ds-section-wrapper,
.ds-section-wrapper-48 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  background: #EBF0F5;
}

.ds-section-wrapper-12 > .dsa-tag-label,
.ds-section-wrapper-24 > .dsa-tag-label,
.ds-section-wrapper > .dsa-tag-label,
.ds-section-wrapper-48 > .dsa-tag-label,
.ds-section-wrapper-12 > .ds-label-grey,
.ds-section-wrapper-24 > .ds-label-grey,
.ds-section-wrapper > .ds-label-grey,
.ds-section-wrapper-48 > .ds-label-grey,
.ds-section-wrapper-12 > .ds-label-blue,
.ds-section-wrapper-24 > .ds-label-blue,
.ds-section-wrapper > .ds-label-blue,
.ds-section-wrapper-48 > .ds-label-blue,
.ds-section-wrapper-12 > .ds-label-fir,
.ds-section-wrapper-24 > .ds-label-fir,
.ds-section-wrapper > .ds-label-fir,
.ds-section-wrapper-48 > .ds-label-fir,
.ds-section-wrapper-12 > .ds-label-blue-small,
.ds-section-wrapper-24 > .ds-label-blue-small,
.ds-section-wrapper > .ds-label-blue-small,
.ds-section-wrapper-48 > .ds-label-blue-small,
.ds-section-wrapper-12 > .ds-label-fir-small,
.ds-section-wrapper-24 > .ds-label-fir-small,
.ds-section-wrapper > .ds-label-fir-small,
.ds-section-wrapper-48 > .ds-label-fir-small,
.ds-section-wrapper-12 > .ds-dropdown-menu-label,
.ds-section-wrapper-24 > .ds-dropdown-menu-label,
.ds-section-wrapper > .ds-dropdown-menu-label,
.ds-section-wrapper-48 > .ds-dropdown-menu-label,
.ds-section-wrapper-12 > .ds-row-headline,
.ds-section-wrapper-24 > .ds-row-headline,
.ds-section-wrapper > .ds-row-headline,
.ds-section-wrapper-48 > .ds-row-headline,
.ds-section-wrapper-12 > .filter-list-headline,
.ds-section-wrapper-24 > .filter-list-headline,
.ds-section-wrapper > .filter-list-headline,
.ds-section-wrapper-48 > .filter-list-headline {
  color: #7B8595;
}

.ds-section-wrapper-12 {
  gap: 12px;
}

.ds-section-wrapper-24,
.ds-section-wrapper {
  gap: 24px;
}

.ds-section-wrapper-48 {
  gap: 48px;
}

/* options-wrapper */

.ds-options-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 8px 12px 8px;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 8px 24px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 16px;
  border: 0.5px solid #CFDDE8;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
}

/* row-headline */

.ds-row-headline {
  color: #7B8595;
  padding-bottom: 8px;
}

.ds-manager-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 46px;
  border-radius: 8px;
}

.ds-segment-block,
.ds-segment-block-zero {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  background: #FDFDFD;
}

.ds-segment-block {
  padding-right: 4px;
}

.ds-segment-block-zero {
  padding: 16px;
}

.ds-segment-info-wrapper {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.ds-segment-info {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 16px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-segment-right-bar {
  display: -ms-flexbox;
  display: flex;
  padding: 3px 0px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-segment-bar,
.ds-separator {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-segment-bar {
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 16px 0;
}

.ds-separator {
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 12px 16px;
}

.ds-segment-config {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
  white-space: nowrap;
}

.ds-side-bar-menu,
side-bar-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 201px;
  -ms-flex: 0 0 201px;
      flex: 0 0 201px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 4px;
}

.ds-side-bar-menu .dsa-tag-label,
.ds-side-bar-menu .ds-label-grey,
.ds-side-bar-menu .ds-label-blue,
.ds-side-bar-menu .ds-label-fir,
.ds-side-bar-menu .ds-label-blue-small,
.ds-side-bar-menu .ds-label-fir-small,
.ds-side-bar-menu .ds-dropdown-menu-label,
.ds-side-bar-menu .ds-row-headline,
.ds-side-bar-menu .filter-list-headline,
side-bar-menu .dsa-tag-label,
side-bar-menu .ds-label-grey,
side-bar-menu .ds-label-blue,
side-bar-menu .ds-label-fir,
side-bar-menu .ds-label-blue-small,
side-bar-menu .ds-label-fir-small,
side-bar-menu .ds-dropdown-menu-label,
side-bar-menu .ds-row-headline,
side-bar-menu .filter-list-headline {
  margin-top: 8px;
  color: #7B8595;
}

.ds-side-bar-menu .dsa-h3,
side-bar-menu .dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
  padding: 0 0 24px 0;
  cursor: default;
}

.ds-side-bar-menu .dsa-h3:hover,
side-bar-menu .dsa-h3:hover {
  background-color: transparent;
}

side-menu,
.side-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  padding: 4px 0px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

side-menu > div,
.side-menu > div {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  padding: 12px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-left: 1px solid #CFCFCF;
}

side-menu > div.active,
.side-menu > div.active {
  border-left-color: #F24E1E;
}

side-menu > div.disabled,
.side-menu > div.disabled {
  cursor: not-allowed;
  color: #CFCFCF;
}

side-menu > div .upgrade-item,
.side-menu > div .upgrade-item {
  display: inline-block;
  position: relative;
  width: 16px;
  margin-left: 8px;
}

.ds-section-list-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.ds-section-list-item {
  border: 1px solid #C7CBD0;
  background-color: white;
  padding: 10px 18px;
  border-bottom-width: 0;
  height: 68px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 8px;
}

.ds-section-list-item:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.ds-section-list-item:last-child {
  border-bottom-width: 1px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.ds-section-list-item:hover {
  -webkit-box-shadow: 0px 0px 15px 0px rgba(73, 73, 73, 0.4);
          box-shadow: 0px 0px 15px 0px rgba(73, 73, 73, 0.4);
  z-index: 100;
}

.ds-section-list-item:nth-child(even) {
  background-color: #EBF0F5;
}

.ds-section-list-item.ds-section-list-item-disabled:nth-child(even),
.ds-section-list-item-disabled {
  background-color: #C7CBD0;
  opacity: 0.75;
}

.ds-section-list-item.ds-section-list-item-disabled:nth-child(even) *,
.ds-section-list-item-disabled * {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

.ds-close-x {
  position: relative;
  margin-left: 12px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-close-x-abs {
  position: absolute;
  right: 8px;
  top: 8px;
  height: 16px;
  width: 16px;
}

.ds-close-x-abs .icon-absolute-close,
.ds-close-x .icon-absolute-close {
  font-size: 9px;
  position: absolute;
  right: 8px;
  top: 1px;
  height: 100%;
}

.ds-close-x-abs .icon-absolute-close:before,
.ds-close-x .icon-absolute-close:before {
  left: auto;
  right: 0;
}

.ds-close-x-abs svg:hover,
.ds-close-x-abs .icon-absolute-close:hover,
.ds-close-x svg:hover,
.ds-close-x .icon-absolute-close:hover {
  cursor: pointer;
  color: #F24E1E;
}

.filter-list-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 32px;
}

.filter-list {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 32px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.filter-list-block {
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 8px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 16px;
}

.filter-list-headline {
  color: #7B8595;
  white-space: nowrap;
}

.filter-list-item {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  cursor: default;
}

.filter-list-item.upgradable {
  color: #7B8595;
}

.filter-list-item:not(.upgradable) {
  cursor: pointer;
}

.filter-list-item:not(.upgradable):hover {
  color: #F24E1E;
}

.filter-list-item > span {
  white-space: nowrap;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.filter-list-item > upgrade-popover {
  display: inline-block;
  position: relative;
  height: 14px;
  width: 14px;
  cursor: pointer;
  color: #222222;
}

.filter-list-item > upgrade-popover:hover {
  color: #F24E1E;
}

.filter-list-block-links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 8px;
}

.filter-list-tab-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 12px;
  border: 1px solid #CFCFCF;
}

.filter-list-tab {
  border: none;
  background-color: transparent;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 16px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: 1 0;
      flex: 1 0;
  border-radius: 8px;
}

.filter-list-tab.ds-active {
  color: #FFFFFF;
  background-color: #F24E1E;
}

.dropdown .filter-dropdown-toggle.filter-fir-button,
.dropdown .filter-dropdown-toggle.filter-blue-button {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border: none;
}

.dropdown .filter-dropdown-toggle.filter-fir-button add-icon,
.dropdown .filter-dropdown-toggle.filter-blue-button add-icon {
  width: 24px;
  height: 24px;
}

filter-list .dropdown {
  height: initial;
}

.dropdown .filter-dropdown-toggle.filter-fir-button {
  color: #FFFFFF;
  background-color: #255B67;
}

.dropdown .filter-dropdown-toggle.filter-blue-button {
  color: #FFFFFF;
  background-color: #216AC0;
}

.dropdown .filter-dropdown-toggle.filter-add-button {
  border-radius: 8px;
  border: 1px solid #CFCFCF;
  background-color: transparent;
}

.dropdown.open .filter-dropdown-toggle.filter-add-button {
  background-color: #EBF0F5;
}

.filter-add-button + .ds-dropdown-menu.ds-dropdown-menu {
  margin-left: -16px;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.fixed-pos {
  position: fixed;
  top: 30px;
  right: 10px;
  z-index: 10;
}

.flex-col-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  -ms-flex-align: center;
      align-items: center;
}

.one-line {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.title-id {
  width: 100%;
}

.title-id .dsa-info-book,
.title-id .dsa-chip,
.title-id .ds-dropdown-select > span,
.title-id .dsm-upgrade-info > div > div + div {
  line-height: 1;
  padding-bottom: 6px;
}

.title-id .one-line {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.segment-loading .lds-roller {
  display: inline-block;
  width: 80px;
  height: 80px;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

.segment-selector {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-top: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 12px;
  color: #222222;
}

.segment-selector .no-content {
  display: -ms-flexbox;
  display: flex;
  padding: 0px 16px 0px 24px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 24px;
}

.segment-selector .no-content > div {
  display: -ms-flexbox;
  display: flex;
  width: 402px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 24px;
}

.segment-selector .content {
  display: -ms-flexbox;
  display: flex;
  padding: 0 48px 0 24px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 32px;
}

.segment-selector .content > h2 {
  white-space: nowrap;
}

.segment-selector p {
  color: #262626;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}

.segment-selector .info-image {
  width: 201px;
  height: 184px;
}

.segment-selector .segment-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  padding-bottom: 8px;
}

.segment-selector .segment-item {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.segment-selector .segment-item remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.segment-selector .segment-item > span {
  color: inherit;
}

.segment-selector .segment-item.disabled {
  cursor: default;
  color: #B0B0B0;
}

.segment-selector .segment-item.disabled:hover {
  color: #B0B0B0;
}

.segment-selector .segment-item:hover {
  color: #F24E1E;
}

.segment-selector .segment-item.active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.segment-selector .segment-item.active remove-icon {
  display: inline-block;
}

.segment-selector .segment-item.active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.segment-selector .max-hint {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.segment-selector .max-hint .ds-snack-blue {
  margin: 0 20px;
  white-space: nowrap;
}

.segment-selector .button-bar {
  display: -ms-flexbox;
  display: flex;
  padding: 16px 24px;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  background: #F3F7F8;
  border-top: 1px solid transparent;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  width: 100%;
}

.segment-selector .button-bar .go-to {
  -ms-flex-positive: 1;
      flex-grow: 1;
  text-align: right;
}

.segment-selector .button-bar .go-to > * {
  display: inline-block;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient,
.ds-options-wrapper {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.ds-segment-block,
.ds-segment-block-zero,
.website-target-configuration trigger-resume > .group > .sub-group {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant,
.website-target-configuration .ds-snack-error {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient,
.ds-options-wrapper {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.ds-segment-block,
.ds-segment-block-zero,
.website-target-configuration trigger-resume > .group > .sub-group {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant,
.website-target-configuration .ds-snack-error {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient,
.ds-options-wrapper {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.ds-segment-block,
.ds-segment-block-zero,
.website-target-configuration trigger-resume > .group > .sub-group {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant,
.website-target-configuration .ds-snack-error {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
side-menu > div,
.side-menu > div,
.website-target-configuration .trigger-list .ds-dropdown-select span,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.ds-row-headline,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
side-menu > div,
.side-menu > div,
.website-target-configuration .trigger-list .ds-dropdown-select span {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.ds-row-headline {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient,
.ds-options-wrapper {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.ds-segment-block,
.ds-segment-block-zero,
.website-target-configuration trigger-resume > .group > .sub-group {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant,
.website-target-configuration .ds-snack-error {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.ds-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 16px;
}

.ds-section:first-child {
  gap: 12px;
}

/* vorlagen-wrapper */

.ds-section-wrapper-12,
.ds-section-wrapper-24,
.ds-section-wrapper,
.ds-section-wrapper-48 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  background: #EBF0F5;
}

.ds-section-wrapper-12 > .dsa-tag-label,
.ds-section-wrapper-24 > .dsa-tag-label,
.ds-section-wrapper > .dsa-tag-label,
.ds-section-wrapper-48 > .dsa-tag-label,
.ds-section-wrapper-12 > .ds-label-grey,
.ds-section-wrapper-24 > .ds-label-grey,
.ds-section-wrapper > .ds-label-grey,
.ds-section-wrapper-48 > .ds-label-grey,
.ds-section-wrapper-12 > .ds-label-blue,
.ds-section-wrapper-24 > .ds-label-blue,
.ds-section-wrapper > .ds-label-blue,
.ds-section-wrapper-48 > .ds-label-blue,
.ds-section-wrapper-12 > .ds-label-fir,
.ds-section-wrapper-24 > .ds-label-fir,
.ds-section-wrapper > .ds-label-fir,
.ds-section-wrapper-48 > .ds-label-fir,
.ds-section-wrapper-12 > .ds-label-blue-small,
.ds-section-wrapper-24 > .ds-label-blue-small,
.ds-section-wrapper > .ds-label-blue-small,
.ds-section-wrapper-48 > .ds-label-blue-small,
.ds-section-wrapper-12 > .ds-label-fir-small,
.ds-section-wrapper-24 > .ds-label-fir-small,
.ds-section-wrapper > .ds-label-fir-small,
.ds-section-wrapper-48 > .ds-label-fir-small,
.ds-section-wrapper-12 > .ds-dropdown-menu-label,
.ds-section-wrapper-24 > .ds-dropdown-menu-label,
.ds-section-wrapper > .ds-dropdown-menu-label,
.ds-section-wrapper-48 > .ds-dropdown-menu-label,
.ds-section-wrapper-12 > .ds-row-headline,
.ds-section-wrapper-24 > .ds-row-headline,
.ds-section-wrapper > .ds-row-headline,
.ds-section-wrapper-48 > .ds-row-headline {
  color: #7B8595;
}

.ds-section-wrapper-12 {
  gap: 12px;
}

.ds-section-wrapper-24,
.ds-section-wrapper {
  gap: 24px;
}

.ds-section-wrapper-48 {
  gap: 48px;
}

/* options-wrapper */

.ds-options-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 8px 12px 8px;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 8px 24px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 16px;
  border: 0.5px solid #CFDDE8;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
}

/* row-headline */

.ds-row-headline {
  color: #7B8595;
  padding-bottom: 8px;
}

.ds-manager-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 46px;
  border-radius: 8px;
}

.ds-segment-block,
.ds-segment-block-zero {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  background: #FDFDFD;
}

.ds-segment-block {
  padding-right: 4px;
}

.ds-segment-block-zero {
  padding: 16px;
}

.ds-segment-info-wrapper {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.ds-segment-info {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 16px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-segment-right-bar {
  display: -ms-flexbox;
  display: flex;
  padding: 3px 0px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-segment-bar,
.ds-separator {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-segment-bar {
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 16px 0;
}

.ds-separator {
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 12px 16px;
}

.ds-segment-config {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
  white-space: nowrap;
}

.ds-side-bar-menu,
side-bar-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 201px;
  -ms-flex: 0 0 201px;
      flex: 0 0 201px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 4px;
}

.ds-side-bar-menu .dsa-tag-label,
.ds-side-bar-menu .ds-label-grey,
.ds-side-bar-menu .ds-label-blue,
.ds-side-bar-menu .ds-label-fir,
.ds-side-bar-menu .ds-label-blue-small,
.ds-side-bar-menu .ds-label-fir-small,
.ds-side-bar-menu .ds-dropdown-menu-label,
.ds-side-bar-menu .ds-row-headline,
side-bar-menu .dsa-tag-label,
side-bar-menu .ds-label-grey,
side-bar-menu .ds-label-blue,
side-bar-menu .ds-label-fir,
side-bar-menu .ds-label-blue-small,
side-bar-menu .ds-label-fir-small,
side-bar-menu .ds-dropdown-menu-label,
side-bar-menu .ds-row-headline {
  margin-top: 8px;
  color: #7B8595;
}

.ds-side-bar-menu .dsa-h3,
side-bar-menu .dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
  padding: 0 0 24px 0;
  cursor: default;
}

.ds-side-bar-menu .dsa-h3:hover,
side-bar-menu .dsa-h3:hover {
  background-color: transparent;
}

side-menu,
.side-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  padding: 4px 0px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

side-menu > div,
.side-menu > div {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  padding: 12px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-left: 1px solid #CFCFCF;
}

side-menu > div.active,
.side-menu > div.active {
  border-left-color: #F24E1E;
}

side-menu > div.disabled,
.side-menu > div.disabled {
  cursor: not-allowed;
  color: #CFCFCF;
}

side-menu > div .upgrade-item,
.side-menu > div .upgrade-item {
  display: inline-block;
  position: relative;
  width: 16px;
  margin-left: 8px;
}

.ds-section-list-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.ds-section-list-item {
  border: 1px solid #C7CBD0;
  background-color: white;
  padding: 10px 18px;
  border-bottom-width: 0;
  height: 68px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 8px;
}

.ds-section-list-item:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.ds-section-list-item:last-child {
  border-bottom-width: 1px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.ds-section-list-item:hover {
  -webkit-box-shadow: 0px 0px 15px 0px rgba(73, 73, 73, 0.4);
          box-shadow: 0px 0px 15px 0px rgba(73, 73, 73, 0.4);
  z-index: 100;
}

.ds-section-list-item:nth-child(even) {
  background-color: #EBF0F5;
}

.ds-section-list-item.ds-section-list-item-disabled:nth-child(even),
.ds-section-list-item-disabled {
  background-color: #C7CBD0;
  opacity: 0.75;
}

.ds-section-list-item.ds-section-list-item-disabled:nth-child(even) *,
.ds-section-list-item-disabled * {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

.ds-close-x {
  position: relative;
  margin-left: 12px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-close-x-abs {
  position: absolute;
  right: 8px;
  top: 8px;
  height: 16px;
  width: 16px;
}

.ds-close-x-abs .icon-absolute-close,
.ds-close-x .icon-absolute-close {
  font-size: 9px;
  position: absolute;
  right: 8px;
  top: 1px;
  height: 100%;
}

.ds-close-x-abs .icon-absolute-close:before,
.ds-close-x .icon-absolute-close:before {
  left: auto;
  right: 0;
}

.ds-close-x-abs svg:hover,
.ds-close-x-abs .icon-absolute-close:hover,
.ds-close-x svg:hover,
.ds-close-x .icon-absolute-close:hover {
  cursor: pointer;
  color: #F24E1E;
}

.website-target-configuration.segment-manager .segment-editor .button-bar {
  border-color: transparent;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
}

.website-target-configuration.segment-manager .segment-editor .button-bar > div:not(.ds-snack-error) {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  gap: 12px;
}

.website-target-configuration.segment-manager .segment-editor .shadowed .button-bar {
  border-color: #DDDDDD;
}

.website-target-configuration.segment-manager .segment-editor .shadowed .button-bar .ds-snack-error {
  padding: 8px 21px;
}

.website-target-configuration .ds-snack-error {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  margin: -3px -4px 24px;
}

.website-target-configuration .ds-snack-error > .icon {
  color: #F11B1B;
  height: 14px;
  line-height: 14px;
}

.website-target-configuration .title-warning {
  text-wrap: wrap;
}

.website-target-configuration .add-step {
  margin-top: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.website-target-configuration trigger-list .dropdown {
  height: initial;
}

.website-target-configuration .trigger-list {
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
}

.website-target-configuration .trigger-list .ds-dropdown-select span:hover {
  color: #F24E1E;
}

.website-target-configuration .get-params-info {
  white-space: initial;
}

.website-target-configuration .url-pattern .dropdown button.ds-dropdown-toggle {
  width: 245px;
}

.website-target-configuration .url-pattern input {
  width: 245px;
}

.website-target-configuration .dsa-radio-tab-selection + input {
  width: 245px;
}

.website-target-configuration .ds-input-wrapper {
  width: 245px;
}

.website-target-configuration .ds-input-wrapper > .details-info {
  -ms-flex-item-align: center;
      align-self: center;
  margin: 0 16px 0 8px;
}

.website-target-configuration .ds-input-wrapper input {
  width: 120px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.website-target-configuration .details-info {
  border: 1px solid #919191;
  color: #919191;
  width: 18px;
  height: 18px;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  border-radius: 50px;
  line-height: 15px;
  cursor: default;
  margin-top: 4px;
}

.website-target-configuration .details-info > i {
  padding-right: 1px;
  line-height: 18px;
}

.website-target-configuration .details-blue-add-button {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border: none;
  color: #FFFFFF;
  background-color: #216AC0;
}

.website-target-configuration .details-blue-add-button add-icon {
  width: 24px;
  height: 24px;
}

.website-target-configuration .ds-input-wrapper > input {
  padding-left: 16px;
}

.website-target-configuration .ds-input-wrapper .dropdown-menu a {
  color: #222222;
}

.website-target-configuration .ds-input-wrapper .dropdown-menu a:hover {
  color: #F24E1E;
}

.website-target-configuration .ds-input-wrapper .dropdown-menu .active a {
  background-color: transparent;
  color: #F24E1E;
}

.website-target-configuration .ds-input-wrapper > ul:not(.ng-hide) + chevron-down-icon {
  rotate: 180deg;
}

.website-target-configuration trigger-resume {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 4px;
}

.website-target-configuration trigger-resume > div {
  color: #262626;
}

.website-target-configuration trigger-resume > div.empty {
  color: #919191;
}

.website-target-configuration trigger-resume > .group {
  display: -ms-flexbox;
  display: flex;
  padding: 4px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  border: 1px solid #DDDDDD;
  background: #EBF0F5;
}

.website-target-configuration trigger-resume > .group > .sub-group {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #FFFFFF;
  word-break: break-all;
}

.website-target-configuration trigger-resume > .group > .sub-group .dsa-info-bold + .dsa-info-book,
.website-target-configuration trigger-resume > .group > .sub-group .dsa-button-primary-small + .dsa-info-book,
.website-target-configuration trigger-resume > .group > .sub-group .dsa-button-secondary-small + .dsa-info-book,
.website-target-configuration trigger-resume > .group > .sub-group .ds-combi-input + .dsa-info-book,
.website-target-configuration trigger-resume > .group > .sub-group .dsa-info-bold + .dsa-chip,
.website-target-configuration trigger-resume > .group > .sub-group .dsa-button-primary-small + .dsa-chip,
.website-target-configuration trigger-resume > .group > .sub-group .dsa-button-secondary-small + .dsa-chip,
.website-target-configuration trigger-resume > .group > .sub-group .ds-combi-input + .dsa-chip,
.website-target-configuration trigger-resume > .group > .sub-group .ds-dropdown-select > .dsa-info-bold + span,
.website-target-configuration trigger-resume > .group > .sub-group .ds-dropdown-select > .dsa-button-primary-small + span,
.website-target-configuration trigger-resume > .group > .sub-group .ds-dropdown-select > .dsa-button-secondary-small + span,
.website-target-configuration trigger-resume > .group > .sub-group .ds-dropdown-select > .ds-combi-input + span,
.website-target-configuration trigger-resume > .group > .sub-group .dsm-upgrade-info > div > div.dsa-info-bold + div,
.website-target-configuration trigger-resume > .group > .sub-group .dsm-upgrade-info > div > div.dsa-button-primary-small + div,
.website-target-configuration trigger-resume > .group > .sub-group .dsm-upgrade-info > div > div.dsa-button-secondary-small + div,
.website-target-configuration trigger-resume > .group > .sub-group .dsm-upgrade-info > div > div.ds-combi-input + div {
  color: #7B8595;
}

.website-target-configuration trigger-resume > .group > .sub-group .first-line {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 4px;
}

.website-target-configuration trigger-resume > .group > .sub-group .first-line > span {
  white-space: nowrap;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.css-selectors {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.css-selectors .tagmanager-link {
  text-decoration: underline;
  cursor: pointer;
}

.css-selectors .create-table td {
  padding: 5px;
  height: 50px;
  vertical-align: middle;
}

.css-selectors .create-table td input[type="checkbox"] {
  margin-left: 12px;
  vertical-align: baseline;
}

.css-selectors .create-table td .first-column {
  min-width: 200px;
}

.css-selectors .create-table .info-tooltip {
  border: 1px solid #656565;
  border-radius: 100px;
  margin-left: 2px;
  font-size: 10px;
  vertical-align: text-top;
  padding: 0 5px;
}

.css-selectors .create-table .info-tooltip:hover {
  background-color: #F24E1E;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

.css-selectors .create-table .upgrade-cell {
  max-width: 450px;
  text-align: center;
}

.css-selectors .create-table .upgrade-cell p {
  margin-bottom: 20px;
  line-height: 130%;
}

.css-selectors .create-table .upgrade-cell div {
  margin-top: 15px;
}

.css-selectors .create-table .upgrade-cell a {
  text-decoration: underline;
}

.css-selectors .settings-block .dsm-upgrade-info {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.css-selectors .settings-block .dsm-upgrade-info info-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  color: #F24E1E;
}

.css-selectors .settings-block .dsm-upgrade-info div a {
  color: #222222;
  text-decoration: underline;
}

.css-selectors .add-button {
  margin-top: 30px;
}

.css-selectors .settings-block > * {
  margin-bottom: 20px;
}

.css-selectors .css-selector {
  font-family: monospace;
}

.css-selectors .et-settings__table-row-overlay .btn,
.css-selectors .et-settings__table-row-overlay .btn:active {
  border: 1px solid #FFFFFF;
}

.css-selectors .icon--clickable {
  cursor: pointer;
}

.css-selectors .icon--clickable:hover {
  color: #F24E1E;
}

.css-selectors th.icon-only,
.css-selectors td.icon-only {
  width: 45px;
  text-align: center;
}

.css-selectors tr.highlight-edit > td {
  background-color: #FF6B4040 !important;
}

.css-selectors .tooltip {
  width: auto !important;
}

.css-selectors .dropdown {
  width: 100%;
  max-width: 300px;
}

.css-selectors .button-disabled .dropdown span {
  color: #b1b1b1;
}

.css-selectors .segment-info {
  text-align: center;
  max-width: 700px;
}

.css-selectors .segment-info .max-segments {
  margin-top: 24px;
  margin-bottom: 24px;
  color: #b1b1b1;
}

.css-selectors .segment-info .delete-or-edit > span {
  color: #F24E1E;
}

.css-selectors .segment-info .contact {
  margin-top: 16px;
  display: inline-block;
  border: 1px solid #232323;
  border-radius: 3px;
  padding: 24px 32px;
}

.css-selectors .segment-info .contact div + div {
  margin-top: 16px;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient,
.tag-manager .subTagContainer .dsm-option-item {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient,
.tag-manager .subTagContainer .dsm-option-item {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

.tag-manager {
  padding-left: 30px;
  padding-bottom: 20px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.tag-manager .sticky-menu {
  position: -webkit-sticky;
  position: sticky;
  top: 32px;
}

.tag-manager .tagDiscardOverlay > div {
  width: 800px;
}

.tag-manager .tagDeleteOverlay > div,
.tag-manager .tagSaveOverlay > div {
  width: 580px;
}

.tag-manager .textlenWarning {
  color: #464646;
  display: inline-block;
  width: 100%;
  text-align: right;
  padding-right: 4px;
}

.tag-manager .header-gap-bottom {
  margin-bottom: 16px;
}

.tag-manager .header-gap-top {
  margin-top: 32px;
}

.tag-manager img.titleIcon {
  width: 160;
}

.tag-manager .savedTagsContainer .tagItemSelectable img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

.tag-manager .empty-section {
  padding: 32px;
}

.tag-manager .empty-section > div {
  padding-bottom: 4px;
}

.tag-manager .tag-templates {
  cursor: pointer;
}

.tag-manager .section-small-gap {
  gap: 12px;
}

.tag-manager .ds-segment-config {
  margin-top: 4px;
}

.tag-manager .overview-full-width {
  width: 848px;
}

.tag-manager .overview-full-width .ds-segment-info {
  width: 660px;
}

.tag-manager .ds-segment-info input.ds-input-text {
  width: 246px;
}

.tag-manager .tagManagerLeftBar {
  width: 201px;
  padding: 10px;
}

.tag-manager .tagManagerLeftBar div.dsa-info-book {
  margin-top: 46px;
}

.tag-manager .tagManagerLeftBar input,
.tag-manager .tagManagerLeftBar textarea {
  background: none;
  border: none;
  padding: 4px 0;
  color: #222;
}

.tag-manager .tagManagerLeftBar textarea {
  resize: none;
  height: 300px;
  width: 210px;
}

.tag-manager .tagManagerLeftBar input::-webkit-input-placeholder,
.tag-manager .tagManagerLeftBar textarea::-webkit-input-placeholder {
  _color: #a6a6a6;
  opacity: 0.4;
}

.tag-manager .tagManagerLeftBar input::-moz-placeholder,
.tag-manager .tagManagerLeftBar textarea::-moz-placeholder {
  _color: #a6a6a6;
  opacity: 0.4;
}

.tag-manager .tagManagerLeftBar input::-ms-input-placeholder,
.tag-manager .tagManagerLeftBar textarea::-ms-input-placeholder {
  _color: #a6a6a6;
  opacity: 0.4;
}

.tag-manager .tagManagerLeftBar input::placeholder,
.tag-manager .tagManagerLeftBar textarea::placeholder {
  _color: #a6a6a6;
  opacity: 0.4;
}

.tag-manager .tagButtonContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-pack: end;
      justify-content: end;
  margin-top: 12px;
}

.tag-manager .tagButtonContainer .dsa-text-button {
  padding-right: 24px;
}

.tag-manager .tagItemSelectable > .dsa-info-book {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  height: 50px;
  width: 100%;
}

.tag-manager .tagItemSelectable > .dsa-text-bold,
.tag-manager .tagItemSelectable .dsa-paragraph-bold {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.tag-manager .tagItemSelectable .ds-cta button {
  background: none;
}

.tag-manager .tagItemSelectable .ds-cta {
  height: 42px;
}

.tag-manager .tagItemSelectable .idContainer {
  position: relative;
  top: -8px;
  height: 12px;
  overflow: visible;
}

.tag-manager .tagItemSelectable:has(.idContainer) {
  height: 175px;
}

.tag-manager button:disabled {
  color: #FFFFFF;
  background-color: #B0B0B0;
}

.tag-manager textarea.ds-input-text {
  min-height: 100px;
  height: 300px;
  max-width: 100%;
  width: 100%;
  line-height: 1.4;
  resize: vertical;
  font-family: monospace;
  font-size: 14px;
}

.tag-manager .tagItemDisabled {
  cursor: pointer;
}

.tag-manager .tagItemDisabled h4,
.tag-manager .tagItemDisabled p {
  opacity: 0.3;
}

.tag-manager .tagItemDisabled img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

.tag-manager .tagItemDisabled .upgrade-popover {
  cursor: pointer;
  position: relative;
  top: -35px;
  left: 163px;
}

.tag-manager .tagSaveOverlay,
.tag-manager .tagDiscardOverlay,
.tag-manager .tagDeleteOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 1000;
  left: 0;
  top: 0;
}

.tag-manager .tagSaveOverlay .dsa-h5,
.tag-manager .tagDiscardOverlay .dsa-h5,
.tag-manager .tagDeleteOverlay .dsa-h5 {
  margin-bottom: 12px;
}

.tag-manager .tagSaveOverlay .dsa-text-book,
.tag-manager .tagDiscardOverlay .dsa-text-book,
.tag-manager .tagDeleteOverlay .dsa-text-book {
  margin-bottom: 18px;
}

.tag-manager .tagSaveOverlay > div,
.tag-manager .tagDiscardOverlay > div,
.tag-manager .tagDeleteOverlay > div {
  background-color: white;
  padding: 20px 20px;
  border-radius: 16px;
}

.tag-manager .tagSaveOverlay .saveOverlayBottomRow,
.tag-manager .tagSaveOverlay .saveOverlayBottomRow > label,
.tag-manager .tagDiscardOverlay .saveOverlayBottomRow,
.tag-manager .tagDiscardOverlay .saveOverlayBottomRow > label,
.tag-manager .tagDeleteOverlay .saveOverlayBottomRow,
.tag-manager .tagDeleteOverlay .saveOverlayBottomRow > label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -ms-flex-positive: 2;
      flex-grow: 2;
  font-weight: 600;
}

.tag-manager .tagSaveOverlay .saveOverlayBottomRow > label,
.tag-manager .tagDiscardOverlay .saveOverlayBottomRow > label,
.tag-manager .tagDeleteOverlay .saveOverlayBottomRow > label {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.tag-manager .tagSaveOverlay .saveOverlayBottomRow > label > input,
.tag-manager .tagDiscardOverlay .saveOverlayBottomRow > label > input,
.tag-manager .tagDeleteOverlay .saveOverlayBottomRow > label > input {
  margin-right: 6px;
}

.tag-manager .tagSaveOverlay .saveOverlayBottomRow,
.tag-manager .tagDiscardOverlay .saveOverlayBottomRow,
.tag-manager .tagDeleteOverlay .saveOverlayBottomRow {
  width: 100%;
}

.tag-manager div.titleDescContainerTop {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
  margin-top: 32px;
  margin-bottom: 32px;
}

.tag-manager div.titleDescContainerTop input {
  background: none;
  border: none;
  padding: 4px 0;
  color: #222;
  width: 300px;
  margin-right: 46px;
  font-size: 19px;
  font-weight: 500;
}

.tag-manager div.titleDescContainerTop #tagManagerDescription {
  white-space: pre-wrap;
  line-height: 1;
}

.tag-manager div.titleDescContainerTop #tagManagerDescription.grey {
  color: #888;
  font-weight: 500;
}

.tag-manager div.titleDescContainerTop .dsa-info-book {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.tag-manager div.titleDescContainerTop > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: start;
  -ms-flex-align: baseline;
      align-items: baseline;
  gap: 6px;
}

.tag-manager div.titleDescContainerTop > div > input {
  margin: 0;
  padding: 0;
}

.tag-manager div.titleDescContainerTop > div > div {
  width: 300px;
  margin-right: 46px;
}

.tag-manager .ds-dropdown-toggle > span {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}

.tag-manager .dsa-select-variant div.ds-segment-info.triggerSelectionOverlay {
  width: 500px;
}

.tag-manager .dsa-select-variant .triggerSelectionOverlay > div:first-child {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.tag-manager .dsa-select-variant .triggerSelectionOverlay > div:first-child button img {
  vertical-align: middle;
}

.tag-manager .dsa-select-variant .triggerSelectionOverlay > div:first-child button {
  padding-top: 8px;
}

.tag-manager .dsa-select-variant .triggerSelectionOverlay .triggerEntries > div {
  margin-bottom: 6px;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.tag-manager .dsa-select-variant .triggerSelectionOverlay .triggerEntries > div.active {
  background-color: #F24E1E;
  color: white;
  border-radius: 15px;
  padding: 4px 8px;
}

.tag-manager .dsa-select-variant .triggerSelectionOverlay .triggerEntries > div:hover {
  opacity: 0.8;
}

.tag-manager .dsa-select-variant .triggerSelectionOverlay .triggerEntries > div remove-icon svg {
  margin-left: 6px;
  padding-top: 2px;
  width: 16px;
  height: 16px;
}

.tag-manager .dropdown > button.ds-dropdown-toggle,
.tag-manager .ds-dropdown-menu:not(.ds-variant) {
  width: initial;
  min-width: 246px;
}

.tag-manager .headUpgradeTitle {
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.tag-manager .headUpgradeTitle div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-left: 8px;
  border: 1px solid #F24E1E;
  border-radius: 4px;
  background-color: #FFF4E1;
  font-size: 13px;
  text-transform: none;
  padding: 2px 8px;
}

.tag-manager .headUpgradeTitle div .icon-rocket {
  color: #F24E1E;
  font-size: 18px;
}

.tag-manager info-icon {
  width: 16px;
  vertical-align: middle;
  height: 20px;
  opacity: 0.5;
  cursor: help;
}

.tag-manager info-icon svg {
  margin-bottom: -1px;
  width: 18px;
  height: 18px;
}

.tag-manager .ds-options-wrapper div.tagItemDisabled {
  background: #00000012;
}

.tag-manager .ds-options-wrapper div.tagItemDisabled.ds-option-item .upgradeNowText {
  display: none;
}

.tag-manager .ds-options-wrapper div.tagItemDisabled.ds-option-item:hover .upgradeNowText {
  display: block;
  padding-top: 8px;
  font-weight: 500;
}

.tag-manager .savedTagTitleContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: start;
  gap: 6px;
  margin-bottom: 4px;
}

.tag-manager .savedTagTitleContainer > div {
  max-width: 170px;
  overflow: hidden;
}

.tag-manager .savedTagTitleContainer > img {
  width: 24px;
  height: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.tag-manager .tagItemTitle {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}

.tag-manager .tagItemTitle div:last-child {
  background-color: #7e7e7e;
  color: #ddd;
  border-radius: 8px;
  text-transform: uppercase;
  padding: 0px 6px;
  font-size: 12px;
  height: 24px;
  margin-left: 8px;
}

.tag-manager .tagItemTitleText {
  max-width: 400px;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.tag-manager .savedTagTitleContainer .tagItemTitleText {
  max-width: 175px;
}

.tag-manager .ds-section-wrapper,
.tag-manager .tagButtonContainer {
  width: 811px;
}

.tag-manager .ds-section-wrapper.multiSectionWrapper {
  gap: 10px;
}

.tag-manager .ds-section-wrapper.multiSectionWrapper .ds-row-headline {
  margin-bottom: -10px;
}

.tag-manager .tagItemContainer {
  position: relative;
}

.tag-manager .subTagContainer::-webkit-backdrop {
  background-color: #000000;
  opacity: 0.5;
}

.tag-manager .subTagContainer::backdrop {
  background-color: #000000;
  opacity: 0.5;
}

.tag-manager .subTagContainer {
  outline: none;
  -webkit-box-shadow: 0 0 42px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 42px 0 rgba(0, 0, 0, 0.25);
  position: absolute;
  margin: 0;
  width: 300px;
  background-color: #EBF0F5;
  padding: 12px 16px;
  border: 1px solid #CFDDE8;
  border-radius: 16px;
  cursor: default;
}

.tag-manager .subTagContainer .dsm-option-item {
  width: 100%;
  border: 1px solid #CFDDE8;
  border-radius: 12px;
  margin-bottom: 16px;
  cursor: pointer;
}

.tag-manager .subTagContainer .subTagTitle {
  display: inline-block;
  font-size: 19px;
  font-weight: 500;
  margin-bottom: 20px;
}

.tag-manager .subTagContainer .subTag {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: start;
  width: 100%;
  height: 100px;
  padding: 10px 10px;
  gap: 16px;
  cursor: pointer;
}

.tag-manager .subTagContainer .subTag:hover {
  background-color: white;
  border-radius: 12px;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.tag-manager .subTagContainer .subTag:hover > chevron-icon {
  opacity: 0.5;
}

.tag-manager .subTagContainer .subTag > img {
  width: 32px;
  height: 32px;
}

.tag-manager .subTagContainer .subTag > chevron-icon {
  opacity: 0;
  width: 48px;
}

.tag-manager .subTagContainer .subTagClose {
  margin-top: 12px;
  margin-bottom: 4px;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  cursor: pointer;
}

.tag-manager .subTagContainer .subTagClose remove-icon {
  width: 16px;
}

.tag-manager .subTagContainer .subTagClose > div {
  font-weight: 500;
}

.tag-manager .feedback-container {
  position: fixed;
  top: 30px;
  right: 15px;
  height: 34px;
}

.tag-manager .customTagEditorWrapper {
  height: 300px;
  width: 740px;
}

.tag-manager .customTagEditorWrapper .cm-editor {
  height: 100%;
}

.tag-manager .customTagEditorWrapper .cm-scroller {
  overflow: auto;
}

.tag-manager .dashboard-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  font-size: 14px;
  font-weight: 400;
}

.tag-manager .dashboard-header button {
  height: 40px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 16px;
  font-weight: 400;
  background-color: #685BFF;
}

.tag-manager .tagManagerHeader dialog {
  position: fixed;
  margin: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#E1DEFF), color-stop(7.69%, rgba(231, 229, 255, 0.8)), color-stop(47.69%, rgba(231, 229, 255, 0.6)), to(#E7E5FF));
  background: -webkit-linear-gradient(top, #E1DEFF 0%, rgba(231, 229, 255, 0.8) 7.69%, rgba(231, 229, 255, 0.6) 47.69%, #E7E5FF 100%);
  background: -o-linear-gradient(top, #E1DEFF 0%, rgba(231, 229, 255, 0.8) 7.69%, rgba(231, 229, 255, 0.6) 47.69%, #E7E5FF 100%);
  background: linear-gradient(180deg, #E1DEFF 0%, rgba(231, 229, 255, 0.8) 7.69%, rgba(231, 229, 255, 0.6) 47.69%, #E7E5FF 100%);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border: none;
  border-radius: 16px;
  max-height: 632px;
}

.tag-manager .tagManagerHeader dialog > .dsm-section-header {
  margin-top: 8px;
  margin-left: 18px;
}

.tag-manager .tagManagerHeader dialog .ds-section-wrapper {
  background-color: white;
  max-height: 560px;
  overflow: hidden;
}

.tag-manager .tagManagerHeader dialog .ds-section-wrapper .ds-section-list-wrapper {
  max-height: 505px;
  overflow: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.tag-manager .tagManagerHeader dialog .ds-section-wrapper .ds-section-list-wrapper .dsm-option-item {
  width: calc(50% - 6px);
  min-height: 78px;
  height: auto;
  margin: 2px;
  padding: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: start;
}

.tag-manager .tagManagerHeader dialog .ds-section-wrapper .ds-section-list-wrapper .dsm-option-item .dsa-text-bold {
  font-size: 14px;
}

.tag-manager .tagManagerHeader dialog .ds-section-wrapper .ds-section-list-wrapper .dsm-option-item img {
  width: 24px;
  height: 24px;
  margin-right: 6px;
  margin-top: 4px;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.saml-config .invisible {
  opacity: 0;
}

.saml-config .saml-desc {
  line-height: 1.6;
}

.saml-config .saml-checkbox {
  padding: 8px;
}

.saml-config .saml-checkbox .saml-rocket.saml-rocket {
  position: relative;
  margin-left: 18px;
}

.saml-config .saml-checkbox .saml-rocket.saml-rocket:hover {
  color: #01d8dd;
}

.saml-config .saml-provider {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end;
  padding: 25px;
  background-color: #e6e6e6;
  border-radius: 5px;
}

.saml-config .saml-provider .title {
  font-size: 14px;
}

.saml-config .saml-provider .saml-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  -ms-flex-align: center;
      align-items: center;
}

.saml-config .saml-provider .saml-grid .sub-title {
  padding: 6px 0 2px;
  grid-column-start: 1;
  font-weight: 600;
}

.saml-config .saml-provider .saml-grid input {
  grid-column-start: 1;
  margin-bottom: 4px;
}

.saml-config .saml-provider .saml-grid .value {
  grid-column-start: 1;
  padding: 0 23px;
  background-color: #FFFFFF;
  border-radius: 5px;
  height: 40px;
  line-height: 40px;
}

.saml-config .saml-provider .saml-grid .icon {
  margin-left: 16px;
  cursor: pointer;
}

.saml-config .saml-provider + .saml-desc {
  margin: 16px 0 8px;
}

.saml-config .saml-save {
  position: relative;
}

.saml-config .saml-save .saml-save-hint {
  position: absolute;
  display: inline-block;
  right: 100%;
  top: 7px;
  width: 260px;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient,
.channel-grouping .channel-table-header {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient,
.channel-grouping .channel-table {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card,
.channel-grouping .channel-table-header > div {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card,
.channel-grouping .channel-table-header {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient,
.channel-grouping .channel-table-header {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient,
.channel-grouping .channel-table {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card,
.channel-grouping .channel-table-header > div {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card,
.channel-grouping .channel-table-header {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

/*
	Mixin to prefix a property
	e.g.
	use:
	@include prefix(transform, rotate(45deg));

	will output:
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
  	-ms-transform: rotate(45deg);
  	-o-transform: rotate(45deg);
  	transform: rotate(45deg);
*/

/**
 * BEGIN: BREAKPOINTS
 * The original ranges defined in the dashboard design were as follows:
 *
 * - 0 to 1023px: mobile
 * - 1024px to 1365px: tablet
 * - 1366px to 1919px: desktop
 * - 1920px to infinity: desktop-large
 *
 * The breakpoints defined below do not all conform to this spec and have caused inconsistencies in the behaviour of
 * the dashboard. This comment must be deleted when these inconsistencies have been fixed.
 */

/* WARNING: this breakpoint is inconsistent! */

/* WARNING: this breakpoint is inconsistent! */

/* WARNING: this breakpoint is inconsistent! */

/* WARNING: this breakpoint is inconsistent! */

/* WARNING: this breakpoint is inconsistent! */

/**
 * END: BREAKPOINTS
 */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient,
.channel-grouping .channel-table-header {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient,
.channel-grouping .channel-table {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card,
.channel-grouping .channel-table-header > div {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card,
.channel-grouping .channel-table-header {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.channel-grouping .channel-details .channel-sub-header,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.channel-grouping .channel-table-body > div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.channel-grouping .channel-table-header > div,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.channel-grouping .channel-details .channel-sub-header {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.channel-grouping .channel-table-body > div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.channel-grouping .channel-table-header > div {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient,
.channel-grouping .channel-table-header {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient,
.channel-grouping .channel-table {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card,
.channel-grouping .channel-table-header > div {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card,
.channel-grouping .channel-table-header {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.channel-grouping.channel-grouping > p {
  margin-bottom: 7px;
}

.channel-grouping .channel-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 4px;
  color: #222222;
  width: 236px;
}

.channel-grouping .channel-title > .dsa-h5,
.channel-grouping .dsm-upgrade-info > div.channel-title > div:first-child,
.channel-grouping .channel-details .channel-title > .channel-sub-header {
  width: 236px;
}

.channel-grouping .channel-title > .dsa-h5:not(.grey),
.channel-grouping .dsm-upgrade-info > div.channel-title > div:not(.grey):first-child,
.channel-grouping .channel-details .channel-title > .channel-sub-header:not(.grey) {
  color: #000;
}

.channel-grouping .channel-title .grey {
  color: #919191;
}

.channel-grouping .ds-section-wrapper + div {
  margin-top: 16px;
  text-align: right;
}

.channel-grouping .channel-details {
  margin-top: 32px;
}

.channel-grouping .channel-details .channel-sub-header {
  margin-top: 12px;
  margin-bottom: 8px;
}

.channel-grouping .channel-details .ds-segment-info-wrapper {
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 16px;
  padding: 16px;
}

.channel-grouping .channel-details .ds-segment-info-wrapper input {
  width: 250px;
}

.channel-grouping .channel-details .name-error {
  border-bottom: 1px solid #F11B1B;
}

.channel-grouping .channel-details .name-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.channel-grouping .channel-details .channel-editor {
  width: 811px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 12px;
}

.channel-grouping .channel-details .channel-editor > .dsa-h4,
.channel-grouping .channel-details .channel-editor > .dsm-section-header {
  margin-left: 16px;
}

.channel-grouping .channel-details .channel-conditions {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 12px;
  border-radius: 16px;
  background: #EBF0F5;
}

.channel-grouping .ds-section-wrapper .edit-mode > div {
  display: -ms-flexbox;
  display: flex;
}

.channel-grouping .ds-section-wrapper .edit-mode > div > *:first-child {
  width: 285px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.channel-grouping .ds-section-wrapper .edit-mode > div > div + div {
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding-left: 15px;
}

.channel-grouping .ds-section-wrapper .edit-mode > div .ds-input-text {
  width: 250px;
}

.channel-grouping .edit-mode > div {
  display: -ms-flexbox;
  display: flex;
}

.channel-grouping .edit-mode > div > *:first-child {
  width: 320px;
}

.channel-grouping .edit-mode > div > div + div {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.channel-grouping .edit-mode > div .ds-input-text {
  width: 250px;
}

.channel-grouping .edit-mode > div .sources > div > div:first-child {
  width: 80px;
}

.channel-grouping .edit-mode > div .sources > div > div:first-child + div {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.channel-grouping .sources > div {
  display: -ms-flexbox;
  display: flex;
}

.channel-grouping .sources > div > div:first-child {
  -ms-flex-item-align: center;
      align-self: center;
  width: 80px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.channel-grouping .button-bar {
  margin-top: 16px;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.channel-grouping .ds-dropdown-menu {
  max-height: 300px;
}

.channel-grouping .channel-table {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  border-radius: 16px;
  border: 0.5px solid #CFDDE8;
  position: relative;
}

.channel-grouping .channel-table edit-icon,
.channel-grouping .channel-table delete-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.channel-grouping .channel-table edit-icon.ds-disabled,
.channel-grouping .channel-table delete-icon.ds-disabled {
  opacity: 0.5;
  cursor: default;
}

.channel-grouping .channel-table-header {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  height: 74px;
  padding: 8px;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 16px 16px 0px 0px;
}

.channel-grouping .channel-table-header > div:first-child {
  width: 268px;
}

.channel-grouping .channel-table-header > div:first-child + div {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.channel-grouping .channel-table-header > div:first-child + div + div {
  width: 87px;
}

.channel-grouping .channel-table-header > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 16px;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
  background: #FDFDFD;
}

.channel-grouping .channel-table-header > div .header-cell {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.channel-grouping .channel-table-wrapper {
  margin-top: 76px;
}

.channel-grouping .channel-table-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 1px;
  background-color: #CFCFCF;
  border-radius: 0px 0px 16px 16px;
}

.channel-grouping .channel-table-body > div {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 1px;
  background-color: #CFCFCF;
  position: relative;
}

.channel-grouping .channel-table-body > div > div:first-child {
  width: 284px;
}

.channel-grouping .channel-table-body > div > div:first-child + div {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.channel-grouping .channel-table-body > div > div:first-child + div + div {
  width: 90px;
}

.channel-grouping .channel-table-body > div > .channel-table-cell {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #FFFFFF;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100px;
}

.channel-grouping .channel-table-body > div > .channel-table-cell .dsa-info-book,
.channel-grouping .channel-table-body > div > .channel-table-cell .dsa-chip,
.channel-grouping .channel-table-body > div > .channel-table-cell .ds-dropdown-select > span,
.channel-grouping .channel-table-body > div > .channel-table-cell .dsm-upgrade-info > div > div + div,
.channel-grouping .channel-table-body > div > .channel-table-cell .channel-table-body > div {
  margin-right: 12px;
}

.channel-grouping .channel-table-body > div:last-child {
  border-radius: 0px 0px 16px 16px;
  overflow: hidden;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.banner {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 50px;
  color: #FFFFFF;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: end;
  padding: 0px 16px 0px 128px;
  gap: 16px;
  cursor: default;
}

.banner.none {
  display: none;
}

.banner.test,
.banner.cert,
.banner.proFreeCubed,
.banner.forced_mfa {
  background-color: #1B76F0;
}

.banner > * {
  z-index: 0;
}

.banner .dsa-banner {
  color: #FFFFFF;
}

.banner .more-info a {
  opacity: 0.8;
  color: #FFFFFF;
  font-size: 14px;
  text-decoration: underline;
}

.banner .more-info a:hover {
  opacity: 1;
}

.banner .button {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 34px;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 6px;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}

.banner .button chevron-icon {
  height: 24px;
  width: 24px;
}

.banner .background-logo {
  position: absolute;
  left: 25px;
  top: -150px;
  width: 833px;
  height: 279px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border-radius: 334px;
  opacity: 0.8;
  background: -webkit-linear-gradient(7deg, #1B76F0 34%, #FFF 114%);
  background: -o-linear-gradient(7deg, #1B76F0 34%, #FFF 114%);
  background: linear-gradient(83deg, #1B76F0 34%, #FFF 114%);
}

.banner .background-logo-border {
  position: absolute;
  left: -213px;
  top: 47px;
  width: 703px;
  height: 236px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background: transparent;
  border-radius: 334px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

.et-checkbox {
  display: inline-block;
  position: relative;
  width: 1em;
  height: 1em;
  margin: 2px;
  line-height: 1;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  vertical-align: -5px;
  color: transparent;
  border-color: #01d8dd;
  background-color: transparent;
}

.et-checkbox.et-checkbox--checked {
  color: #FFFFFF;
  border-color: #01d8dd;
  background-color: #01d8dd;
}

.et-checkbox.et-checkbox--checked.et-checkbox--disabled {
  border-color: #b4b4b4;
  background-color: #b4b4b4;
}

.et-checkbox.et-checkbox--disabled {
  cursor: not-allowed;
  border-color: #b4b4b4;
}

.et-checkbox:focus-within {
  outline: 1px dotted #01d8dd;
  outline-offset: 1px;
}

.et-checkbox input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.et-checkbox-inner {
  font-size: 0.6em;
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

.dropdown__btn {
  text-align: left;
}

.dropdown .input {
  border: 0;
  height: 38px;
  margin-left: 2px;
  width: 240px;
  margin-top: 1px;
  border-radius: 4px;
  font-size: 13px;
  line-height: 40px;
  outline-width: 0;
  padding: 0 22px;
  background-color: #f5f5f5;
  color: #5d5d5d;
  position: absolute;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

.tab-menu {
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  list-style: none;
}

.tab-menu > li {
  position: relative;
  height: 50px;
  padding-left: 30px;
  padding-right: 30px;
  border-color: transparent;
  border-bottom-color: #e1e1e1;
  border-style: solid;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  text-align: center;
  display: grid;
  border-width: 2px;
  border-radius: 0 0 0 0;
  font-weight: bold;
  color: #a5a5a5;
}

.tab-menu > li:after {
  content: " ";
  display: block;
  position: absolute;
  right: -4px;
  bottom: -2px;
  height: 2px;
  width: 4px;
  background-color: #e1e1e1;
}

.tab-menu > li.disabled {
  cursor: not-allowed;
  color: #c6c6c6;
}

.tab-menu > li.active {
  border-width: 2px;
  border-radius: 10px 10px 0 0;
  border-color: #e1e1e1;
  border-bottom-color: transparent;
  color: #000;
}

.tab-menu > li.tab-left,
.tab-menu > li.tab-right {
  padding-left: 0;
  padding-right: 0;
  width: 30px;
  min-width: 30px;
  border-bottom: 2px solid #e1e1e1;
}

.tab-menu > li.tab-right {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.tab-menu > li.tab-right:after {
  display: none;
}.modal-dialog.modal-s {
  width: 400px;
}

.modal-dialog.modal-m {
  width: 600px;
}

.modal-dialog.modal-l {
  width: 800px;
}

.modal-dialog .popup__container {
  padding: 20px;
}

.modal-dialog .popup__container .popup__title {
  font-weight: 600;
  text-align: center;
  margin-bottom: 30px;
}

.modal-dialog .popup__container .popup__cancel {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 10px;
}

.modal-dialog .popup__container .popup__cancel:hover {
  cursor: pointer;
}

.modal-dialog .popup__container .popup__content {
  font-size: 14px;
}

.modal-dialog .popup__container .popup__content p {
  margin-bottom: 10px;
}

.modal-dialog .popup__container .popup__buttons {
  margin-top: 20px;
}

.modal-dialog .popup__container .popup__buttons .popup__accept {
  float: right;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

.recipient-list {
  position: relative;
  display: block;
}

.recipient-list .recipient-item {
  background: #fafafa;
  margin: 4px 40px 4px 0;
  padding: 10px 15px;
  width: 387px;
  position: relative;
  font-weight: 600;
  color: #151515;
  -webkit-transition: top 0.1s linear;
  -o-transition: top 0.1s linear;
  transition: top 0.1s linear;
}

.recipient-list .recipient-item .recipient-remove {
  background: transparent;
  border: none;
  position: absolute;
  right: 15px;
  padding-right: 0;
  color: #a5a5a5;
}

.recipient-list .recipient-add {
  margin-top: 20px;
  position: relative;
  -webkit-transition: top 0.1s linear;
  -o-transition: top 0.1s linear;
  transition: top 0.1s linear;
}

.recipient-list .recipient-add .icon-email {
  position: absolute;
  top: 15px;
  left: 15px;
  color: #a5a5a5;
}

.recipient-list .recipient-add .recipient-input {
  width: 270px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  background: #f5f5f5;
  padding: 9px 12px 10px 40px;
  -webkit-box-shadow: inset 0 0 0 2px #FFFFFF;
          box-shadow: inset 0 0 0 2px #FFFFFF;
  margin-right: 5px;
}

.recipient-list .recipient-add .et-btn {
  color: #151515;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

.upgradeContainer upgrade-popover.folded-sidebar .menuItems__upgrade::before {
  display: none;
}

.upgradeContainer upgrade-popover .menuItems__upgrade {
  position: absolute;
  z-index: 3;
  cursor: pointer;
  left: 0;
  top: 0;
}

.upgradeContainer upgrade-popover .menuItems__upgrade::before {
  color: #6b6b6b;
  right: 20px;
  left: unset;
}

.package.upgradeContainer upgrade-popover .menuItems__upgrade {
  height: 100%;
  width: 100%;
}

.upgradeContainer:hover upgrade-popover .menuItems__upgrade::before {
  color: #01d8dd;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

.tag-manager {
  /* extra column (trigger) in some tag manager entries: */
  /* combined input+select for time (second/minute) selection */
}

.tag-manager .varManager input.title-error {
  border-bottom: 1px solid #F11B1B;
}

.tag-manager .ds-section-list-item {
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.tag-manager .ds-section-list-item img {
  margin-top: 6px;
  width: 24px;
  height: 24px;
}

.tag-manager .ds-section-list-item > div:nth-child(2) {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.tag-manager .ds-section-list-item .tagItemCategory {
  display: inline-block;
  padding-top: 4px;
  margin-right: 10px;
  width: 82px;
  text-align: right;
}

.tag-manager .ds-section-list-item .tagItemCategory > div:nth-child(2) {
  margin-top: 6px;
  font-size: 13px;
  width: 130px;
  margin-left: -48px;
}

.tag-manager .ds-section-list-item .actionContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: 4px;
  margin-right: 4px;
}

.tag-manager .ds-section-list-item .actionContainer > span {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 4px;
  border: 1px solid #B0B0B0;
  border-radius: 4px;
  padding: 4px 8px 4px 4px;
}

.tag-manager .ds-section-list-item .actionContainer img {
  cursor: pointer;
  margin: 0;
  padding: 0;
  width: 24px;
  height: 24px;
}

.tag-manager .ds-section-list-item .actionContainer {
  display: none;
}

.tag-manager .ds-section-list-item:hover .actionContainer {
  display: -ms-flexbox;
  display: flex;
}

.tag-manager .ds-section-list-item:hover .tagItemCategory {
  display: none;
}

.tag-manager .ds-section-list-item.ds-section-list-item-disabled:hover {
  cursor: pointer;
}

.tag-manager .ds-section-list-item.ds-section-list-item-disabled:hover .actionContainer {
  display: none;
}

.tag-manager .ds-section-list-item.ds-section-list-item-disabled:hover .tagItemCategory {
  display: inline-block;
}

.tag-manager .varEditForm > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 6px;
}

.tag-manager .varEditForm > div .dsa-radio-tab-selection {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.tag-manager .varEditForm > div .eyeIcon {
  width: 36px;
  height: 36px;
  vertical-align: middle;
  margin-left: 8px;
}

.tag-manager .varEditForm > div .dsa-select-box {
  width: 246px;
}

.tag-manager .varEditForm > div .segmentUrlFilterContainer .dsa-select-box {
  width: 150px;
}

.tag-manager .varEditForm > div .segmentUrlFilterContainer .dsa-select-box.dsa-suggest-input {
  width: 246px;
}

.tag-manager .dsa-select-box {
  width: 165px;
}

.tag-manager dialog.selectTagDialog {
  z-index: 1000;
  padding: 10px;
}

.tag-manager dialog.selectTagDialog .tagSelectNeedsUpgrade {
  background-color: #CFCFCF;
}

.tag-manager dialog.selectTagDialog .dsa-h4.tagSelectSingleSide {
  width: 300px;
}

.tag-manager dialog.selectTagDialog .dsm-option-item .tagUpgradeIcon {
  display: none;
}

.tag-manager dialog.selectTagDialog .openSubTypeMain {
  background-color: #E0F0FF;
  z-index: 10;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.tag-manager dialog.selectTagDialog .ds-section-wrapper .ds-section-list-wrapper .dsm-option-item.openSubType {
  background-color: #EBF0F5;
  border-radius: 0;
  margin: 0;
  margin-left: 2px;
  -webkit-transform: translate(0, -8px);
      -ms-transform: translate(0, -8px);
          transform: translate(0, -8px);
}

.tag-manager dialog.selectTagDialog .ds-section-wrapper .ds-section-list-wrapper .dsm-option-item.firstSubType {
  padding-top: 16px;
}

.tag-manager dialog.selectTagDialog .ds-section-wrapper .ds-section-list-wrapper .dsm-option-item.openSubType:hover {
  z-index: 5;
}

.tag-manager dialog.selectTagDialog .ds-section-wrapper .ds-section-list-wrapper .dsm-option-item.lastSubType {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.tag-manager dialog.selectTagDialog .dsm-option-item.tagItemUpgradeNeeded {
  background-color: #CFCFCF;
  opacity: 0.75;
  position: relative;
}

.tag-manager dialog.selectTagDialog .dsm-option-item.tagItemUpgradeNeeded .tagUpgradeIcon {
  display: inline-block;
  position: absolute;
  top: 8px;
  right: 8px;
  vertical-align: middle;
  padding-top: 0;
  height: 25px;
}

.tag-manager dialog.selectTagDialog .tagSelectSingleSide div.ds-section-wrapper {
  width: 320px;
}

.tag-manager dialog.selectTagDialog .tagSelectSingleSide div.ds-section-wrapper .ds-section-list-wrapper div.dsm-option-item {
  width: calc(100% - 6px);
}

.tag-manager dialog.selectTagDialog .tagSelectSideBySide,
.tag-manager dialog.selectTagDialog .tagSelectSingleWide {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 8px;
}

.tag-manager dialog.selectTagDialog .tagSelectSideBySide div.ds-section-wrapper:last-child:not(:first-child),
.tag-manager dialog.selectTagDialog .tagSelectSingleWide div.ds-section-wrapper:last-child:not(:first-child) {
  width: 300px;
}

.tag-manager dialog.selectTagDialog .tagSelectSideBySide div.ds-section-wrapper:last-child:not(:first-child) .dsm-option-item,
.tag-manager dialog.selectTagDialog .tagSelectSingleWide div.ds-section-wrapper:last-child:not(:first-child) .dsm-option-item {
  width: calc(100% - 6px);
}

.tag-manager dialog.selectTagDialog .tagSelectSideBySide div.ds-section-wrapper:first-child,
.tag-manager dialog.selectTagDialog .tagSelectSingleWide div.ds-section-wrapper:first-child {
  width: 500px;
}

.tag-manager dialog.selectTagDialog .tagSelectSingleWide {
  width: 580px;
}

.tag-manager dialog.selectTagDialog .tagSelectSingleWide div.ds-section-wrapper:first-child {
  width: 580px;
}

.tag-manager .dsa-select-variant {
  width: 246px;
  vertical-align: middle;
}

.tag-manager .tagUpgradeIcon {
  height: 24px;
  background-color: #535c6b;
  border: none;
  border-radius: 8px;
  color: white;
  text-transform: uppercase;
  padding: 6px 8px;
  font-size: 11px;
  font-weight: 500;
}

.tag-manager .upgradeButton {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  right: 20px;
  top: 72px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-left: 8px;
  border: 1px solid #F24E1E;
  border-radius: 4px;
  background-color: #FFF4E1;
  font-size: 12px;
  font-weight: 500;
  text-transform: none;
  padding: 2px 8px;
}

.tag-manager .upgradeButton > svg {
  color: #F24E1E;
}

.tag-manager .varEditForm .ds-separator.editMaskSeparator {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  padding-top: 0;
}

.tag-manager .varEditForm .ds-separator.editMaskSeparator button {
  height: 38px;
  width: auto;
  padding: 8px 14px 8px 4px;
  white-space: nowrap;
  border-color: #e1e1e1;
}

.tag-manager .varEditForm .ds-separator.editMaskSeparator button img {
  width: 26px;
  height: 26px;
  margin-left: 8px;
  margin-right: 2px;
}

.tag-manager .varEditForm > div.metaPixelInputRow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 8px;
  -ms-flex-align: center;
      align-items: center;
}

.tag-manager .varEditForm div.title-warning,
.tag-manager .varManager div.title-warning,
.tag-manager .ds-segment-info div.title-warning {
  color: #F11B1B;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  width: 360px;
}

.tag-manager .varEditForm div.title-warning img,
.tag-manager .varManager div.title-warning img,
.tag-manager .ds-segment-info div.title-warning img {
  width: 24px;
  height: 24px;
}

.tag-manager .paramsEditMask {
  width: 100%;
}

.tag-manager .paramsEditMask .ds-separator.editMaskSeparator {
  display: inline-block;
  padding: 10px 0;
}

.tag-manager .metaPixelInputRow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 8px;
  -ms-flex-align: center;
      align-items: center;
}

.tag-manager .metaPixelInputRow > div.dsa-select-box {
  width: 200px;
}

.tag-manager .metaPixelInputRow > input.ds-input-text {
  width: 200px;
}

.tag-manager .metaPixelInputRow .varInputContainer > div {
  width: 200px;
}

.tag-manager .ds-section-list-item .tagItemSecondColumn {
  cursor: pointer;
}

.tag-manager .ds-section-list-item .tagItemFirstColumn > div,
.tag-manager .ds-section-list-item .tagItemSecondColumn > div {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.tag-manager .savedTagsContainer > .ds-row-headline span {
  display: inline-block;
}

.tag-manager .savedTagsContainer > .ds-row-headline span:first-child {
  width: 382px;
}

.tag-manager .savedTagsContainer > .ds-row-headline span:nth-child(2) {
  width: 312px;
}

.tag-manager .ds-section-list-item:has(.tagItemSecondColumn) .tagItemFirstColumn > div {
  width: 320px;
}

.tag-manager .ds-section-list-item .tagItemSecondColumn {
  width: 250px;
}

.tag-manager .ds-section-list-item .tagItemSecondColumn > div {
  max-width: 240px;
}

.tag-manager .ds-section-list-item .tagItemSecondColumn > div:first-child {
  margin-bottom: 4px;
}

.tag-manager .ds-section-list-item:hover .tagItemSecondColumn {
  width: 161px;
}

.tag-manager .ds-section-list-item-disabled .tagItemSecondColumn {
  display: none;
}

.tag-manager .timeSelectContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.tag-manager .timeSelectContainer > input {
  max-width: 50px;
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.tag-manager .timeSelectContainer > div {
  max-width: 110px;
}

.tag-manager .timeSelectContainer .dsa-select-box-selection {
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.tag-manager .timeSelectContainer .dsa-select-box-selection > span {
  font-size: 13px;
}

.tag-manager .timeSelectContainer .dsa-select-box-options {
  margin-left: -50px;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.trigger-manager .tagDiscardOverlay > div {
  width: 640px;
}

.trigger-manager div.titleDescContainerTop {
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
  -ms-flex-align: start;
      align-items: start;
}

.trigger-manager div.titleDescContainerTop > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: start;
  -ms-flex-align: start;
      align-items: start;
  gap: 6px;
}

.trigger-manager div.titleDescContainerTop > div > div,
.trigger-manager div.titleDescContainerTop > div > input {
  width: 300px;
  margin-right: 46px;
}

.trigger-manager div.titleDescContainerTop input {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  color: #222;
}

.trigger-manager div.titleDescContainerTop input.dsa-info-book {
  font-weight: 400;
  font-style: normal;
  color: black;
}

.trigger-manager .overview-full-width .ds-segment-info {
  width: 734px;
}

.trigger-manager div.triggerPageFilter {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-align: baseline;
      align-items: baseline;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
}

.trigger-manager div.triggerPageFilter .dropdown > button.ds-dropdown-toggle,
.trigger-manager div.triggerPageFilter .ds-dropdown-menu:not(.ds-variant) {
  width: initial;
  min-width: 165px;
}

.trigger-manager div.triggerPageFilter .ds-separator {
  width: 100%;
  padding: 5px 0 14px 0;
  margin-left: 10px;
}

.trigger-manager div.triggerPageFilter .ds-segment-config {
  margin-top: 0;
}

.trigger-manager div.triggerPageFilter button.dsa-button-primary {
  border-color: #255B67;
  background-color: #255B67;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  gap: 6px;
  height: 40px;
}

.trigger-manager div.triggerPageFilter button.dsa-button-primary add-icon {
  float: left;
}

.trigger-manager div.triggerPageFilter > div,
.trigger-manager div.triggerPageFilter div.overview-full-width .ds-segment-info {
  width: 100%;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: start;
}

.trigger-manager .segmentUrlFilterContainer,
.trigger-manager .varFilterContainer {
  margin: 0;
  padding: 0;
  min-height: 48px;
}

.trigger-manager .segmentUrlFilterContainer .dsa-select-variant,
.trigger-manager .varFilterContainer .dsa-select-variant {
  width: 150px;
}

.trigger-manager .varFilterContainer {
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}

.trigger-manager .ds-input-text {
  width: 246px;
}

.trigger-manager .ds-input-text.cssSelectorInput {
  width: 400px;
}

.trigger-manager div.cssSelectorContainer {
  margin-top: -10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.trigger-manager div.cssSelectorContainer img {
  height: 36px;
}

.trigger-manager .header-gap-bottom {
  margin-bottom: 28px;
}

.trigger-manager .tooltip-inner {
  overflow-wrap: break-word;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

.dsa-select-variant {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 40px;
}

.dsa-select-variant-selection {
  padding: 0 7px 0 12px;
  height: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  margin-right: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.dsa-select-variant-selection > span {
  -ms-flex-positive: 1;
      flex-grow: 1;
  height: 17px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.dsa-select-variant-selection img {
  width: 22px;
  height: 22px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.dsa-select-state-open img {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.dsa-select-variant-options {
  display: none;
  position: absolute;
  background-color: white;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  margin-top: 10px;
  border-radius: 5px;
}

.dsa-select-variant-option:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.dsa-select-variant-option:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.dsa-select-variant-option:hover {
  color: #F24E1E;
}

.ds-active {
  background-color: #f1f1f1;
}

.dsa-select-state-open .dsa-select-variant-options {
  display: block;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

.dsa-select-box {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 40px;
  color: #222222;
}

.dsa-select-box.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
}

.dsa-select-box.ds-inactive .dsa-select-box-selection {
  cursor: default;
}

.dsa-select-box.ds-inactive .dsa-select-box-selection > svg {
  opacity: 0.5;
}

.dsa-select-box-selection {
  padding: 11px 12px;
  height: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  display: block;
}

.dsa-select-box-selection > span {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  max-width: calc(100% - 26px);
  display: inline-block;
}

.dsa-select-box-selection svg {
  width: 22px;
  height: 22px;
  position: absolute;
  right: 12px;
  top: 13px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.dsa-select-state-open svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.dsa-select-box-options {
  width: 100%;
  display: none;
  position: absolute;
  background-color: white;
  min-width: 160px;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  margin-top: 10px;
  border-radius: 5px;
  max-height: 350px;
  overflow-y: auto;
  scrollbar-width: thin;
}

.dsa-select-box-option {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  cursor: pointer;
  overflow-wrap: break-word;
}

.dsa-select-box-option:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.dsa-select-box-option:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.dsa-select-box-option:hover {
  color: #F24E1E;
}

.ds-active {
  background-color: #f1f1f1;
}

.dsa-select-state-open .dsa-select-box-options {
  display: block;
}.trigger-manager .triggerEditMask .groupTriggerSelect {
  height: 48px;
  margin-left: 18px;
  width: 712px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.trigger-manager .triggerEditMask .groupTriggerSelect .dsa-select-variant {
  width: 250px;
}

.trigger-manager .triggerEditMask div.triggerPageFilter {
  width: 720px;
}

.trigger-manager .triggerEditMask .triggerPreview {
  cursor: pointer;
  margin-left: 0px;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-pack: start;
      justify-content: start;
  -ms-flex-align: start;
      align-items: start;
}

.trigger-manager .triggerEditMask .triggerPreview > img {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-top: 2px;
  width: 24px;
  height: 24px;
}.serviceEditMask .serviceEditorWrapper {
  height: 300px;
  width: 380px;
}

.serviceEditMask .serviceEditorWrapper .cm-editor {
  height: 100%;
}

.serviceEditMask .serviceEditorWrapper .cm-scroller {
  overflow: auto;
}

.serviceEditMask .markdownPreview {
  min-width: 330px;
  max-width: 330px;
  margin-left: 20px;
  max-height: 300px;
  overflow: auto;
}

.serviceEditMask .markdownContainer {
  display: -ms-flexbox;
  display: flex;
}

.serviceEditMask .markdownContainer > div:last-child * {
  font-size: 16px;
  text-align: left;
  margin: 0;
  padding: 0;
  color: #222;
  line-height: 1.4;
}

.serviceEditMask .markdownContainer > div:last-child a {
  font-weight: bold;
  color: #000;
  font-size: 14px;
  text-decoration: none;
  line-break: anywhere;
}

.serviceEditMask .markdownContainer > div:last-child h1 {
  font-size: 24px;
  margin: 8px 0 14px 0;
  color: #3F424A;
  font-weight: bold;
}

.serviceEditMask .markdownContainer > div:last-child h2 {
  font-size: 19px;
  margin: 10px 0;
  color: #3F424A;
  font-weight: bold;
}

.serviceEditMask .markdownContainer > div:last-child ul {
  list-style-type: disc;
  margin-left: 20px;
}.lang-selector-overlay .dsm-upgrade-info {
  width: 220px;
}

.lang-selector-overlay .dsm-upgrade-info > div {
  padding: 15px;
  width: 200px;
}

.lang-selector-overlay .dsm-upgrade-info > div > div {
  width: 100%;
  line-break: normal;
  white-space: break-spaces;
}

.lang-selector-overlay .dsm-upgrade-info > div button {
  margin: 11px 0 0 22px;
}

.lang-selector-overlay .dsa-button-primary-medium:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}.tagManagerHistory .tagManagerHeader {
  min-width: 811px;
}

.tagManagerHistory .ds-section-wrapper.savedTagsContainer {
  max-height: 750px;
  width: 810px;
  overflow-y: auto;
  overflow-x: auto;
}

.tagManagerHistory .historyTableWrapper {
  width: 810px;
  height: 700px;
  overflow: auto;
}

.tagManagerHistory table.historyTable {
  min-width: 810px;
  border-collapse: separate;
  padding-bottom: 8px;
  padding-right: 8px;
}

.tagManagerHistory table.historyTable tbody tr {
  height: 32px;
}

.tagManagerHistory table.historyTable tbody tr td {
  vertical-align: middle;
  padding: 12px 10px;
}

.tagManagerHistory table.historyTable thead th {
  text-align: left;
  padding-bottom: 8px;
  padding-left: 10px;
}

.tagManagerHistory table.historyTable tbody tr td:first-child {
  padding-left: 10px;
}

.tagManagerHistory table.historyTable tbody tr:nth-child(odd) td {
  background-color: #EBF0F5;
}

.tagManagerHistory table.historyTable tbody tr:first-child td:first-child {
  border-top-left-radius: 10px;
}

.tagManagerHistory table.historyTable tbody tr:first-child td:last-child {
  border-top-right-radius: 10px;
}

.tagManagerHistory table.historyTable tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

.tagManagerHistory table.historyTable tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

.tagManagerHistory table.historyTable tbody tr:first-child td {
  border-top: 1px solid #C7CBD0;
}

.tagManagerHistory table.historyTable tbody tr td {
  border-bottom: 1px solid #C7CBD0;
}

.tagManagerHistory table.historyTable tbody tr td:first-child {
  border-left: 1px solid #C7CBD0;
}

.tagManagerHistory table.historyTable tbody tr td:last-child {
  border-right: 1px solid #C7CBD0;
}

.tagManagerHistory table.historyTable tbody tr {
  padding: 10px 0;
  font-size: 16px;
}

.tagManagerHistory .ds-section-list-wrapper > .ds-row:last-child {
  border-bottom: none;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

.varManager button > span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.varManager button svg,
.varManager button img {
  width: 24px;
  height: 24px;
}

.varManager button.dsa-button-primary img {
  -webkit-filter: invert(1);
          filter: invert(1);
}

.varManager button:hover svg,
.varManager button:hover img {
  opacity: 0.6;
}

.varManager .tagDiscardOverlay > div {
  width: 650px;
}

.varManager .titleDescContainerTop > div > div.title-warning {
  color: #F11B1B;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  width: 370px;
}

.varManager .titleDescContainerTop > div > div.title-warning img {
  width: 24px;
  height: 24px;
}

.varManager .remove-icon,
.varManager .remove-icon-small {
  background-color: #EBF0F5;
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
}

.varManager .remove-icon img,
.varManager .remove-icon-small img {
  opacity: 0.4;
}

.varManager .remove-icon-small {
  width: 24px;
  height: 24px;
  padding: 4px 6px;
}

.varManager .remove-icon-small img {
  width: 12px;
  height: 12px;
}

.varManager .varEditorWrapper {
  margin-top: 10px;
  height: 300px;
}

.varManager .varEditorWrapper .cm-editor {
  height: 100%;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

.tag-manager .ds-segment-info.varSelectionOverlay {
  width: 432px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.tag-manager .ds-segment-info.varSelectionOverlay button > span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.tag-manager .ds-segment-info.varSelectionOverlay button svg,
.tag-manager .ds-segment-info.varSelectionOverlay button img {
  width: 24px;
  height: 24px;
}

.tag-manager .ds-segment-info.varSelectionOverlay button:hover svg,
.tag-manager .ds-segment-info.varSelectionOverlay button:hover img {
  opacity: 0.6;
}

.tag-manager .ds-segment-info.varSelectionOverlay .varEntries {
  width: 200px;
}

.tag-manager .ds-segment-info.varSelectionOverlay .varEntries > div,
.tag-manager .ds-segment-info.varSelectionOverlay .fixedEntries > div {
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 13px;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
}

.tag-manager .ds-segment-info.varSelectionOverlay .varEntries > div.active,
.tag-manager .ds-segment-info.varSelectionOverlay .fixedEntries > div.active {
  background-color: #F24E1E;
  color: white;
  border-radius: 15px;
  padding: 4px 10px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.tag-manager .ds-segment-info.varSelectionOverlay .varEntries > div:hover,
.tag-manager .ds-segment-info.varSelectionOverlay .fixedEntries > div:hover {
  opacity: 0.8;
}

.tag-manager .ds-segment-info.varSelectionOverlay .varEntries > div remove-icon svg,
.tag-manager .ds-segment-info.varSelectionOverlay .fixedEntries > div remove-icon svg {
  margin-left: 6px;
  padding-top: 2px;
  width: 16px;
  height: 16px;
}

.tag-manager .ds-segment-info.varSelectionOverlay .ds-taglabel {
  color: #7B8595;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.5px;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-bottom: 8px;
}

.varSelectionOverlay > div:first-child {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
  -ms-flex-pack: justify;
      justify-content: space-between;
}.consent-manager.new-style .consent-scroll .hint {
  max-width: 493px;
  padding-right: 35px;
}

.consent-manager.new-style .consent-scroll .save-bar-spacer {
  min-height: 100px;
}

.consent-manager.new-style .consent-scroll .save-bar {
  -webkit-transform: scale(1.03);
      -ms-transform: scale(1.03);
          transform: scale(1.03);
  z-index: 1000;
  position: fixed;
  bottom: 36px;
  width: 811px;
  -webkit-box-shadow: 0 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0 50px 100px 32px rgba(0, 0, 0, 0.25);
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.consent-manager.new-style .save-bar .shadow {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.consent-manager.new-style .save-bar .shadow {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

/*
	Mixin to prefix a property
	e.g.
	use:
	@include prefix(transform, rotate(45deg));

	will output:
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
  	-ms-transform: rotate(45deg);
  	-o-transform: rotate(45deg);
  	transform: rotate(45deg);
*/

/**
 * BEGIN: BREAKPOINTS
 * The original ranges defined in the dashboard design were as follows:
 *
 * - 0 to 1023px: mobile
 * - 1024px to 1365px: tablet
 * - 1366px to 1919px: desktop
 * - 1920px to infinity: desktop-large
 *
 * The breakpoints defined below do not all conform to this spec and have caused inconsistencies in the behaviour of
 * the dashboard. This comment must be deleted when these inconsistencies have been fixed.
 */

/* WARNING: this breakpoint is inconsistent! */

/* WARNING: this breakpoint is inconsistent! */

/* WARNING: this breakpoint is inconsistent! */

/* WARNING: this breakpoint is inconsistent! */

/* WARNING: this breakpoint is inconsistent! */

/**
 * END: BREAKPOINTS
 */

consent-manager {
  width: 100%;
}

.consent-manager.new-style {
  position: relative;
  color: #222222;
  line-height: initial;
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
  padding: 32px;
  overflow: auto;
}

.consent-manager.new-style .left-menu {
  -ms-flex-item-align: start;
      align-self: flex-start;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
  -ms-flex-align: start;
      align-items: flex-start;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 200px;
}

.consent-manager.new-style .left-menu .dsa-tag-label {
  color: #7B8595;
  margin-top: 4px;
  margin-bottom: 10px;
}

.consent-manager.new-style .consent-scroll {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 811px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  position: relative;
}

.consent-manager.new-style .consent-design-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 12px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.consent-manager.new-style .consent-design-content > .dsa-h4 > span + span {
  color: #7B8595;
}

.consent-manager.new-style consent-design {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 48px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.consent-manager.new-style consent-proof {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 12px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.consent-manager.new-style consent-proof > .dsa-text-book {
  display: inline-block;
  width: 620px;
}

.consent-manager.new-style .config-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  height: 64px;
}

.consent-manager.new-style .config-row info-icon {
  display: inline-block;
  color: #7B8595;
  width: 20px;
  height: 20px;
  vertical-align: -4px;
}

.consent-manager.new-style .design-custom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 32px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.consent-manager.new-style .radio-bar-mini {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 4px;
  background-color: rgba(230, 230, 230, 0.87);
}

.consent-manager.new-style .radio-bar-mini .radio-button {
  cursor: pointer;
  white-space: nowrap;
}

.consent-manager.new-style .radio-bar-mini .radio-button:hover {
  background-color: #F5F5F5;
}

.consent-manager.new-style .radio-bar-mini .radio-button.active {
  cursor: default;
  background-color: #FFFFFF;
}

.consent-manager.new-style .radio-bar-mini {
  padding: 2px;
}

.consent-manager.new-style .radio-bar-mini .radio-button {
  padding: 4px 6px;
}

.consent-manager.new-style .info-tooltip {
  color: #656565;
  border: 1px solid #656565;
  border-radius: 100px;
  margin-left: 2px;
  font-size: 12px;
  vertical-align: text-top;
  padding: 0 6px;
  line-height: 1.2;
  text-transform: none;
}

.consent-manager.new-style .info-tooltip:hover {
  background-color: #F24E1E;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

.consent-manager.new-style h1.title + p {
  margin: 20px 0 0;
}

.consent-manager.new-style .show_opt_in {
  font-weight: bold;
  vertical-align: middle;
  margin-left: 9px;
}

.consent-manager.new-style .show_opt_in + div {
  margin-top: 35px;
}

.consent-manager.new-style .toggleControl.disabled,
.consent-manager.new-style .show_opt_in.disabled {
  opacity: 0.5;
}

.consent-manager.new-style .editor.top-margin {
  margin-top: 25px;
}

.consent-manager.new-style .save-bar {
  -webkit-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  margin: 0;
  border-radius: 8px;
  border: 1px solid #E4E4E4;
  padding: 4px;
  background: #FFF;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: end;
}

.consent-manager.new-style .save-bar .dsa-text-button:disabled {
  color: #B0B0B0;
}

.consent-manager.new-style .save-bar .dsa-button-primary:disabled {
  color: #FFFFFF;
  background-color: #B0B0B0;
}

.consent-manager.new-style .save-bar > div {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  height: 56px;
  padding: 4px;
  gap: 16px;
}

.consent-manager.new-style .save-bar.warning {
  background-color: #F24E1E;
  border-radius: 4px;
  outline: 4px solid #F24E1E;
}

.consent-manager.new-style .save-bar.warning apollo-button {
  margin-left: 20px;
}

.consent-manager.new-style .save-bar.warning .question {
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding: 5px;
  color: #FFFFFF;
}

.consent-manager.new-style .save-bar .hint {
  color: #F24E1E;
  border-radius: 4px;
  font-weight: bold;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.consent-manager.new-style .toggle-bar {
  display: -ms-flexbox;
  display: flex;
  color: #CFCFCF;
  background-color: #e6e6e6;
  height: 36px;
  padding: 4px;
  border-radius: 8px;
}

.consent-manager.new-style .toggle-bar > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0 12px;
  height: 28px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #262626;
}

.consent-manager.new-style .toggle-bar > div:hover {
  background-color: #f0f0f0;
}

.consent-manager.new-style .toggle-bar .on {
  background-color: #FFFFFF;
}

.consent-manager.new-style .tile-selector {
  display: grid;
  gap: 12px;
  grid-template-columns: [start] 1fr 1fr 1fr [end];
}

.consent-manager.new-style .tile-selector > div:not(.tile-item) {
  grid-column: span 3;
}

.consent-manager.new-style .tile-selector .tile-header {
  color: #979797;
}

.consent-manager.new-style .tile-selector div.tile-item {
  padding: 16px;
  border: 1px solid #B0B0B0;
  border-radius: 2px;
}

.consent-manager.new-style .tile-selector div.tile-item .active-only {
  display: none;
}

.consent-manager.new-style .tile-selector div.tile-item .select-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  height: 26px;
  margin-bottom: 10px;
}

.consent-manager.new-style .tile-selector div.tile-item h4 {
  text-transform: uppercase;
}

.consent-manager.new-style .tile-selector div.tile-item h4 + div {
  opacity: 0;
  border: 1px solid #AFAFAF;
  border-radius: 4px;
  padding: 4px 8px;
  background-color: #F3F7F8;
}

.consent-manager.new-style .tile-selector div.tile-item p {
  color: #919191;
  margin: 0;
}

.consent-manager.new-style .tile-selector div.tile-item p strong {
  color: #222222;
}

.consent-manager.new-style .tile-selector div.tile-item:hover,
.consent-manager.new-style .tile-selector div.tile-item.active {
  background-color: #FFFFFF;
}

.consent-manager.new-style .tile-selector div.tile-item:hover h4 + div,
.consent-manager.new-style .tile-selector div.tile-item.active h4 + div {
  opacity: 1;
  cursor: pointer;
}

.consent-manager.new-style .tile-selector div.tile-item.active .active-only {
  display: block;
}

.consent-manager.new-style .tile-selector div.tile-item.first-column {
  grid-column: 1;
}

.consent-manager.new-style .tile-selector div.tile-item.col-span-2 {
  grid-column: span 2;
}

.consent-manager.new-style .tile-selector div.tile-item.area-2x2 {
  grid-column-start: 2;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 5;
}

.consent-manager.new-style .tile-selector div.tile-item.row-span-2 {
  grid-row: span 2;
}

.consent-manager.new-style .tile-selector div.tile-item .configuration {
  font-weight: normal;
  margin: 16px 0 8px;
}

.consent-manager.new-style .tile-selector div.tile-item .active-only > div + div {
  margin-top: 4px;
}

.consent-manager.new-style .tile-selector.consent-proof div.tile-item:hover {
  border-color: #B0B0B0;
  background-color: #FFFFFF;
  cursor: default;
}

.consent-manager.new-style .tile-selector.consent-proof .text-link {
  margin-top: 8px;
  color: #656565;
  text-decoration: underline;
  cursor: pointer;
}

.consent-manager.new-style .consent-branding .icon-select {
  margin-top: 20px;
}

.consent-manager.new-style .consent-branding .icon-select,
.consent-manager.new-style .consent-general .icon-select {
  text-align: center;
}

.consent-manager.new-style .consent-branding .icon-upload-no-image,
.consent-manager.new-style .consent-general .icon-upload-no-image {
  border-radius: 3px;
  background-color: #FFFFFF;
  border: solid 1px #e1e1e1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-weight: normal;
}

.consent-manager.new-style .consent-branding .icon-upload-no-image .icon-upload-tooltip p,
.consent-manager.new-style .consent-general .icon-upload-no-image .icon-upload-tooltip p {
  color: #FFFFFF;
}

.consent-manager.new-style .consent-branding .icon-upload-no-image .icon-upload-area,
.consent-manager.new-style .consent-general .icon-upload-no-image .icon-upload-area {
  max-width: 180px;
}

.consent-manager.new-style .consent-branding .icon-upload-no-image .icon-upload-icon,
.consent-manager.new-style .consent-general .icon-upload-no-image .icon-upload-icon {
  display: block;
  height: 100%;
  font-size: 48px;
  padding: 10px;
  color: #d6d6d6;
}

.consent-manager.new-style .consent-branding .icon-upload-no-image .icon-upload-file-browser span,
.consent-manager.new-style .consent-general .icon-upload-no-image .icon-upload-file-browser span {
  cursor: pointer;
  text-decoration: underline;
}

.consent-manager.new-style .consent-branding .icon-upload-no-image .icon-upload-file-browser span:hover,
.consent-manager.new-style .consent-general .icon-upload-no-image .icon-upload-file-browser span:hover {
  color: #9e9e9e;
}

.consent-manager.new-style .consent-branding .icon-upload-info::before,
.consent-manager.new-style .consent-general .icon-upload-info::before {
  cursor: pointer;
  content: '?';
  font-size: 16px;
  font-family: ProximaNova;
  text-align: center;
  display: inline-block;
  line-height: 0.9;
  width: 2ex;
  height: 2ex;
  color: #9e9e9e;
  border: thin solid #e0e0e0;
  border-radius: 50%;
}

.consent-manager.new-style .consent-branding .icon-upload-warning,
.consent-manager.new-style .consent-general .icon-upload-warning {
  border: 1px solid #F24E1E;
  border-radius: 4px;
  color: #F24E1E;
  padding: 4px;
  margin: 4px 10px 10px;
}

.consent-manager.new-style .consent-branding .icon-upload-image,
.consent-manager.new-style .consent-general .icon-upload-image {
  margin: 10px auto;
  padding: 30px;
  position: relative;
  border-radius: 4px;
  background-color: #f7f7f7;
  border: solid 1px #dbdbdb;
  width: 160px;
  height: 160px;
}

.consent-manager.new-style .consent-branding .icon-upload-image img,
.consent-manager.new-style .consent-general .icon-upload-image img {
  display: block;
  max-width: 100px;
  max-height: 100px;
  width: auto;
  height: auto;
}

.consent-manager.new-style .consent-branding .icon-upload-clear,
.consent-manager.new-style .consent-general .icon-upload-clear {
  position: absolute;
  top: 0;
  right: 0;
  color: #c2c3c3;
  font-size: 12px;
  padding: 12px 10px;
  cursor: pointer;
}

.consent-manager.new-style consent-language {
  z-index: 1;
}

.consent-manager.new-style button.ds-dropdown-toggle {
  background-color: transparent;
  border-color: transparent;
}

.consent-manager.new-style button.ds-dropdown-toggle chevron-down-icon {
  color: transparent;
}

.consent-manager.new-style .dsm-option-item-2:hover button.ds-dropdown-toggle {
  border-color: #CFCFCF;
}

.consent-manager.new-style .dsm-option-item-2:hover button.ds-dropdown-toggle chevron-down-icon {
  color: #222222;
}

.consent-manager.new-style .dsa-radio-tab-selection.language {
  height: 32px;
}

.consent-manager.new-style .dsa-radio-tab-selection.language .dsa-radio-tab {
  gap: 4px;
  text-transform: uppercase;
}

.consent-manager.new-style .dsa-radio-tab-selection.language .dsa-radio-tab.ds-active remove-icon {
  color: #7B8595;
  background: #D7DCE3;
}

.consent-manager.new-style .dsa-radio-tab-selection.language .ds-dropdown-menu {
  padding: 0;
}

.consent-manager.new-style .dsa-radio-tab-selection.language .segment-selector {
  text-transform: initial;
}

.consent-manager.new-style .dsa-radio-tab-selection.language .segment-selector .dsa-paragraph-bold {
  white-space: nowrap;
}

.consent-manager.new-style .dsa-radio-tab-selection.language .upper-case {
  text-transform: uppercase;
}

.consent-manager.new-style .dsa-radio-tab-selection.language .segment-item {
  padding-left: 8px;
}

.consent-manager.new-style .dsa-radio-tab-selection.language remove-icon {
  line-height: 1;
}

.consent-manager.new-style .opt-in-switch {
  color: #F24E1E;
  text-transform: uppercase;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-align: center;
      align-items: center;
}

.consent-manager.new-style .opt-in-switch > span {
  cursor: pointer;
}

.consent-manager.new-style .opt-in-switch label + span {
  position: relative;
}

.consent-manager.new-style .opt-in-switch input ~ .toggleControl__indicator {
  background: #000;
  opacity: 0.6;
}

.consent-manager.new-style .opt-in-switch.disabled input ~ .toggleControl__indicator {
  opacity: 0.2;
}

.consent-manager.new-style consent-design .tooltip,
.consent-manager.new-style .consent-general .tooltip {
  width: 90px;
}

.consent-manager.new-style consent-design .tooltip.large,
.consent-manager.new-style .consent-general .tooltip.large {
  width: 210px;
}

.consent-manager.new-style consent-design .tooltip .tooltip-inner,
.consent-manager.new-style .consent-general .tooltip .tooltip-inner {
  max-width: initial;
  text-align: center;
}

.consent-manager.new-style consent-design .distance.distance,
.consent-manager.new-style .consent-general .distance.distance {
  margin-top: 10px;
  margin-bottom: 2px;
}

.consent-manager.new-style consent-design .custom-opt-in-text > div,
.consent-manager.new-style .consent-general .custom-opt-in-text > div {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.2;
  font-weight: normal;
}

.consent-manager.new-style #consentSection-content {
  margin-top: -35px;
}

.consent-manager.new-style #consentSection-design > div:last-child {
  margin-top: -12px;
}

.consent-manager.new-style .copy-code {
  display: inline-block;
  cursor: pointer;
  margin-bottom: 2px;
  padding: 5px 10px;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  font-size: 12px;
  font-weight: normal;
  white-space: nowrap;
}

.consent-manager.new-style consent-selection,
.consent-manager.new-style .consent-selection {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 12px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.consent-manager.new-style consent-selection > .dsa-h4 > span + span,
.consent-manager.new-style .consent-selection > .dsa-h4 > span + span {
  color: #7B8595;
}

.consent-manager.new-style consent-general .ds-options-wrapper,
.consent-manager.new-style consent-branding .ds-options-wrapper {
  gap: 24px;
}

.consent-manager.new-style .branding-preview {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.consent-manager.new-style .branding-preview etracker-logo-size {
  line-height: 1;
}

.consent-manager.new-style .branding-preview edit-icon,
.consent-manager.new-style .branding-preview delete-icon {
  line-height: 1;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.consent-manager.new-style .branding-preview img {
  cursor: default;
}

.consent-manager.new-style .upload-frame {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 24px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.consent-manager.new-style .upload-frame > label {
  cursor: pointer;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  height: 101px;
  padding: 0 32px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 24px;
  border: 2px dashed #DEE0E2;
  background: #EBF0F5;
}

.consent-manager.new-style .upload-frame > label .dsa-text-book {
  color: #7B8595;
}

.consent-manager.new-style .upload-frame > label .dsa-text-bold {
  color: #3F424A;
}

.consent-manager.new-style .upload-frame .on-drag {
  display: none;
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  width: 40px;
  height: 40px;
  z-index: -1;
}

.consent-manager.new-style .upload-frame .on-drag upload-icon {
  height: 32px;
  width: 32px;
}

.consent-manager.new-style .upload-frame .drag-over {
  border-color: #3F424A;
  background-color: transparent;
}

.consent-manager.new-style .upload-frame .drag-over > div:not(.on-drag) {
  visibility: hidden;
}

.consent-manager.new-style .upload-frame .drag-over .on-drag {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.consent-manager.new-style .upload-frame .drag-over.uploading .on-drag {
  color: #0AE67C;
}

.consent-manager.new-style .opt-in-options-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 24px;
  width: 100%;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.consent-manager.new-style .opt-in-options-wrapper > div:not(.code-block) {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.consent-manager.new-style .opt-in-options-wrapper .code-block {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.consent-manager.new-style .consent-content {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.consent-manager.new-style .consent-content .dsm-upgrade-info {
  margin: 0 10px;
}

.consent-manager.new-style .consent-content .dsm-upgrade-info button {
  -ms-flex-item-align: center;
      align-self: center;
  margin-top: 10px;
}

.consent-manager.new-style .consent-content .dsa-button-primary-medium:disabled {
  color: #FFFFFF;
  background-color: #B0B0B0;
}

.consent-manager.new-style .consent-content .et-consent-lang-container > select:focus-visible {
  outline: none;
}

.consent-manager.new-style .consent-content.min-height {
  min-height: 560px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.consent-manager.new-style .consent-content .content-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap-reverse;
      flex-flow: row wrap-reverse;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 8px;
  padding: 16px 0 8px;
}

.consent-manager.new-style .consent-content .content-header label {
  cursor: pointer;
}

.consent-manager.new-style .consent-content .content-header .dsa-info-bold {
  cursor: pointer;
  -ms-flex-positive: 1;
      flex-grow: 1;
  text-align: right;
}

.consent-manager.new-style .consent-content .content-dialog {
  position: relative;
}

.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay {
  left: initial;
  top: initial;
  right: initial;
  bottom: initial;
  position: relative;
  padding-bottom: 16px;
  z-index: 0;
}

.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay span[editable-content] {
  display: inline-block;
  min-width: 50px;
  min-height: 19px;
}

.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay.consent-pos-right-top,
.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay.consent-pos-right-bottom {
  margin-left: auto;
}

.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay .et-consent-content {
  min-height: 24px;
}

.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay .et-consent-content.selected {
  max-height: initial;
  overflow: visible;
}

.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay .et-consent-footer {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay .et-consent-footer a {
  outline: none;
}

.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay.consent-design-box .et-consent-footer {
  height: initial;
}

.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay.consent-design-box .et-consent-footer .et-consent-lang-container {
  float: unset;
}

.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay .et-consent-setting > * {
  display: inline-block;
}

.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay .et-consent-setting > * > span,
.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay .et-consent-setting > * > label {
  display: inline-block;
}

.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay .edit-bar {
  z-index: 10;
  display: none;
  position: absolute;
  top: calc(50% - 25px);
  bottom: calc(50% - 25px);
  left: calc(50% - 71px);
  right: calc(50% - 71px);
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay .edit-bar > div {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 8px 8px 16px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid #7B8595;
  background: #3F424A;
  color: #FDFDFD;
}

.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay .edit-bar > div span {
  color: #FDFDFD;
}

.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay a .edit-bar {
  top: -200%;
  bottom: 200%;
  left: 0;
  right: 0;
}

.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay button .edit-bar {
  top: -100%;
  bottom: 100%;
  left: 0;
  right: 0;
}

.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay .et-consent-title {
  min-height: 28px;
}

.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay .et-consent-toggle-wrapper label .selectable {
  position: absolute;
}

.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay .et-consent-footer .selectable,
.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay .selectable {
  position: relative;
}

.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay .et-consent-footer .selectable.selected:not(button),
.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay .et-consent-footer .selectable:hover:not(button),
.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay .selectable.selected:not(button),
.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay .selectable:hover:not(button) {
  border-radius: 4px;
  background: #E0F0FF;
}

.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay .et-consent-footer .selectable:hover,
.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay .selectable:hover {
  outline: 5px solid #E0F0FF;
}

.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay .et-consent-footer .selectable:hover .edit-bar,
.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay .selectable:hover .edit-bar {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay .et-consent-footer .selectable.selected .edit-bar,
.consent-manager.new-style .consent-content .content-dialog #et-consent-overlay .selectable.selected .edit-bar {
  display: none;
}

.consent-manager.new-style consent-save-bar {
  z-index: 1;
  position: -webkit-sticky;
  position: sticky;
  bottom: -36px;
  padding-bottom: 50px;
  margin-bottom: -50px;
}

.consent-manager.new-style consent-save-bar.shadowed .save-bar {
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
  margin: 0 -9px;
}

.consent-tooltip.tooltip {
  width: 90px;
}

.consent-tooltip.tooltip .tooltip-inner {
  text-align: center;
}

.new-style div.consent-scroll .consent-selection {
  gap: 48px;
}

.new-style div.consent-scroll .code-block {
  height: 48px;
}

.new-style div.consent-scroll .code-block > div {
  height: 24px;
}

.new-style div.consent-scroll .langSelectContainer {
  min-width: 160px;
}

.new-style div.consent-scroll .langSelectContainer .dsa-select-box-selection > span {
  margin-top: -3px;
}

.new-style div.consent-scroll .consentIconContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 10px;
  gap: 12px;
}

.new-style div.consent-scroll .consentIconContainer img {
  width: 50px;
}

.new-style div.consent-scroll dialog.icon-upload-dialog::-webkit-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.new-style div.consent-scroll dialog.icon-upload-dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.new-style div.consent-scroll dialog.icon-upload-dialog {
  position: fixed;
  top: calc(50% - (580px/2));
  left: 0;
  width: 690px;
  height: 580px;
  border: none;
  border-radius: 16px;
  z-index: 100000;
  padding: 24px;
}

.new-style div.consent-scroll dialog.icon-upload-dialog > div:first-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 20px;
}

.new-style div.consent-scroll dialog.icon-upload-dialog .cropper-container {
  width: 100%;
  height: 300px;
}

.new-style div.consent-scroll dialog.icon-upload-dialog .preview-container {
  overflow: hidden;
  width: 100px;
  height: 100px;
  margin-right: 12px;
}

.new-style div.consent-scroll dialog.icon-upload-dialog .preview-container .crop-preview {
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 1px dotted #B0B0B0;
  outline-offset: 2px;
}

.new-style div.consent-scroll dialog.icon-upload-dialog .preview-container .crop-preview img {
  cursor: default;
}

.new-style div.consent-scroll dialog.icon-upload-dialog .crop-toolbar {
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  gap: 3px;
}

.new-style div.consent-scroll dialog.icon-upload-dialog .crop-toolbar svg {
  cursor: pointer;
}

.new-style div.consent-scroll dialog.icon-upload-dialog .crop-area {
  height: 300px;
  width: 100%;
}

.new-style div.consent-scroll dialog.icon-upload-dialog .mirror > svg {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}

.new-style div.consent-scroll dialog.icon-upload-dialog .rotate > svg {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.new-style div.consent-scroll dialog.icon-upload-dialog .overlay-right-bar {
  height: 100px;
  margin-top: 70px;
}

.new-style div.consent-scroll dialog.icon-upload-dialog .overlay-right-bar .preview-container {
  position: absolute;
  left: 24px;
  bottom: 24px;
}#consentSection-language .dsm-option-item-2 .dsa-select-box-selection {
  border-color: transparent;
}

#consentSection-language .dsm-option-item-2 .dsa-select-box-selection img {
  opacity: 0;
}

#consentSection-language .dsm-option-item-2:hover .dsa-select-box-selection {
  border-color: #ccc;
}

#consentSection-language .dsm-option-item-2:hover .dsa-select-box-selection img {
  opacity: 1;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8,
crop-dialog .crop-tools {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16,
crop-dialog .dialog-bar {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

crop-dialog > div > div {
  position: relative;
}

crop-dialog > div > div remove-icon {
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
  height: 20px;
  width: 20px;
  color: #7B8595;
}

crop-dialog > div > div flip-icon + flip-icon {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

crop-dialog > div > div rotate-icon + rotate-icon {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}

crop-dialog * {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

crop-dialog .crop-image {
  height: 300px;
  width: 100%;
}

crop-dialog .crop-image .crop-img {
  display: block;
  max-width: 100%;
}

crop-dialog .dialog-bar {
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

crop-dialog .dialog-bar .preview-container {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

crop-dialog .crop-preview {
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 1px dotted #B0B0B0;
  outline-offset: 2px;
}

crop-dialog .crop-preview img {
  cursor: default;
}

crop-dialog .crop-tools {
  margin-top: 8px;
}

crop-dialog .crop-tools > * {
  cursor: pointer;
}

crop-dialog .crop-tools > *:hover {
  color: #DB4519;
}

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.cropper-container img {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: calc(100% / 3);
  left: 0;
  top: calc(100% / 3);
  width: 100%;
}

.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: calc(100% / 3);
  top: 0;
  width: calc(100% / 3);
}

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
.cropper-center::after {
  background-color: #eee;
  content: ' ';
  display: block;
  position: absolute;
}

.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}

.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}

.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}

.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}

.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}

.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}

.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}

.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}

.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}

.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}

@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}

@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}

.cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: ' ';
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}.color-edit-wrapper input,
.color-edit-wrapper textarea {
  cursor: pointer;
}

.color-edit-wrapper input:focus,
.color-edit-wrapper textarea:focus {
  cursor: auto;
}.et-content-overlay {
  display: inline-block;
  background-color: white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 12px;
  -webkit-box-shadow: 0 0 10px #666;
          box-shadow: 0 0 10px #666;
  padding: 24px 24px 4px 24px;
  position: relative;
}

.et-content-overlay * {
  font-family: Arial, sans-serif;
}

.et-consent-title {
  color: #222;
  font-size: 24px;
  font-style: normal;
  font-weight: bold;
  line-height: 28px;
  /* 116.667% */
  max-width: 100%;
  /* IE fallback */
}

.et-consent-content {
  margin: 16px 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  max-height: 230px;
  overflow-y: auto;
}

.et-content-overlay .et-consent-button-container {
  display: inline-block;
  /* IE fallback */
  text-align: left;
  /* IE fallback */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 48px;
  margin-top: 8px;
  vertical-align: top;
  position: absolute;
  bottom: 64px;
}

.et-content-overlay.consent-design-box .et-consent-button-container {
  width: 100%;
  text-align: right;
}

.et-content-overlay button {
  cursor: pointer;
  background: #222;
  color: white;
  border: 1px solid #222;
  border-radius: 8px;
  padding: 12px 8px 12px 16px;
  text-align: center;
  height: 100%;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  text-transform: none;
  line-height: normal;
}

.et-content-overlay button span {
  vertical-align: top;
  line-height: 23px;
  margin-right: 8px;
}

.et-content-overlay button svg {
  width: 25px;
  height: 25px;
}

.et-content-overlay button svg path {
  fill: currentColor;
}

.et-content-overlay button:first-child {
  margin-right: 12px;
}

.et-content-overlay button:hover {
  opacity: 0.9;
}

.et-content-overlay button:active {
  opacity: 0.8;
}

.et-content-overlay svg {
  width: 16px;
  height: 16px;
}

.et-content-overlay .et-consent-footer {
  margin-top: 2px;
  padding-top: 8px;
  height: 24px;
  width: calc(100% - 50px);
  border-top: 1px solid #CFCFCF;
  position: absolute;
  bottom: 26px;
}

.et-content-overlay .et-consent-footer > span {
  float: left;
  font-weight: bold;
  height: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 14px;
}

.et-content-overlay .et-consent-footer > span > span {
  margin-top: 2px;
}

.et-content-overlay .et-consent-footer > span > img {
  height: 18px;
  margin-left: 4px;
}

.et-content-overlay .et-consent-lang-container {
  text-align: right;
  float: right;
}

.et-content-overlay .et-consent-lang-container svg {
  padding-top: 6px;
  cursor: pointer;
  position: relative;
  left: 32px;
  width: 22px;
  height: 22px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.et-content-overlay .et-consent-lang-select {
  width: 120px;
  height: 34px;
  background-color: #f5f5f5;
  padding: 5px 5px 5px 32px;
  border-radius: 20px;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  border: 1px solid transparent;
  font-size: 13px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.et-content-overlay .et-consent-lang-select:hover {
  border-color: black;
  background-color: white;
}

.et-content-overlay .et-consent-footer img {
  right: -10px;
}

.et-content-overlay .et-consent-links {
  display: inline-block;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-left: 5px;
}

.et-content-overlay .et-consent-footer .color-edit-wrapper {
  vertical-align: top;
  padding-top: 2px;
  display: inline-block;
  font-size: 13px;
  font-style: normal;
  font-weight: bold;
  color: #222;
  text-decoration: none;
  margin-right: 16px;
}

.et-content-overlay .et-consent-footer .color-edit-wrapper span {
  height: 0;
  opacity: 0;
  padding-right: 4px;
}

.et-content-overlay .et-consent-footer .color-edit-wrapper input {
  position: absolute;
  z-index: 100;
}

.et-content-overlay .et-consent-footer .color-edit-wrapper:last-child {
  margin-right: 0;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

.consent-banner .content-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap-reverse;
      flex-flow: row wrap-reverse;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 8px;
  padding: 16px 0 8px;
}

.consent-banner .content-header label {
  cursor: pointer;
}

.consent-banner .content-header .dsa-info-bold {
  cursor: pointer;
  -ms-flex-positive: 1;
      flex-grow: 1;
  text-align: right;
}

.consent-banner .overlay-container,
.consent-banner .overlay-container > div {
  width: 100%;
  min-height: 380px;
}

.consent-banner button > span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.consent-banner button svg,
.consent-banner button img {
  width: 24px;
  height: 24px;
}

.consent-banner .content-header .color-swap {
  display: -ms-flexbox;
  display: flex;
}

.consent-banner .color-swap {
  display: inline-block;
  height: 22px;
}

.consent-banner .color-swap input {
  width: 0;
  height: 0;
  border: none;
  padding: 0;
  margin: 0;
  opacity: 0;
}

.consent-banner .color-swap svg {
  width: 15px;
  height: 15px;
  border: solid 1px #000;
  border-radius: 50%;
  padding: 2px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.consent-banner .color-swap img {
  width: 16px;
  height: 16px;
}

.consent-banner .et-content-overlay {
  padding-bottom: 110px;
}

.consent-banner .et-consent-center > img:first-child,
.consent-banner .et-consent-center > svg:first-child {
  position: absolute;
  right: 22px;
  height: 28px;
}

.consent-banner .et-consent-center > svg:first-child {
  top: 20px;
}

.consent-banner .et-consent-center > img:first-child {
  top: 24px;
}

.consent-banner .edit-bar {
  z-index: 10;
  display: none;
  position: absolute;
  top: calc(50% - 25px);
  bottom: calc(50% - 25px);
  left: calc(50% - 71px);
  right: calc(50% - 71px);
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.consent-banner .edit-bar > div {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 8px 8px 16px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid #7B8595;
  background: #3F424A;
  color: #FDFDFD;
}

.consent-banner .edit-bar > div span {
  color: #FDFDFD;
}

.consent-banner .edit-bar img {
  width: 16px;
  height: 16px;
}

.consent-banner .overlay-container .editable {
  position: relative;
  cursor: pointer;
}

.consent-banner .overlay-container textarea.et-consent-content {
  height: 124px;
  min-height: 124px;
}

.consent-banner .et-content-overlay.design-box {
  padding-bottom: 8px;
}

.consent-banner .overlay-container > div.design-box {
  width: 494px;
}

.consent-banner .overlay-container > div.design-box.design-align-right {
  float: right;
}

.consent-banner .overlay-container > div.design-box .et-consent-button-container {
  position: unset;
  padding-right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: -12px;
}

.consent-banner .overlay-container > div.design-box .et-consent-button-container > div:first-child {
  margin: 0 100px;
}

.consent-banner .overlay-container > div.design-box .et-consent-footer {
  position: unset;
  width: 100%;
  margin-top: 72px;
}

.consent-banner .overlay-container > div.design-box .et-consent-links {
  width: 100%;
}

.consent-banner .overlay-container > div.design-box textarea.et-consent-content {
  height: 220px;
  min-height: 220px;
}

.consent-banner .overlay-container > div.design-box .et-consent-lang-container {
  float: left;
  margin-left: -20px;
}

.consent-banner .overlay-container input,
.consent-banner .overlay-container textarea {
  border: none;
  min-width: 100%;
  background: none;
}

.consent-banner .overlay-container textarea {
  height: 80px;
  resize: none;
  margin-top: 0;
}

.consent-banner .overlay-container button {
  display: -ms-flexbox;
  display: flex;
  padding-right: 28px;
  -ms-flex-align: center;
      align-items: center;
}

.consent-banner .overlay-container button svg {
  min-width: 22px;
  position: absolute;
  right: 14px;
}

.consent-banner .overlay-container button input {
  position: absolute;
}

.consent-banner .overlay-container button span {
  opacity: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  margin-right: 16px;
}

.consent-banner .overlay-container .et-consent-title {
  margin-bottom: 16px;
}

.consent-banner .overlay-container .et-consent-footer-logo img {
  height: 14px;
}

.consent-banner .overlay-container .et-consent-setting {
  font-weight: bold;
  color: #222;
  font-size: 14px;
  margin: 0px 0 18px 0;
  line-height: 30px;
}

.consent-banner .overlay-container .et-consent-setting-proxy {
  width: calc(100% - 40px);
  height: 50px;
  position: absolute;
  margin-top: -10px;
}

.consent-banner .overlay-container .et-consent-setting-proxy > .color-edit-wrapper {
  width: 100%;
  height: 100%;
}

.consent-banner .overlay-container .et-consent-setting-proxy > .color-edit-wrapper .et-consent-setting-proxy-target {
  width: 100%;
  height: 100%;
}

.consent-banner .overlay-container .et-detail-button-proxy-target {
  height: 48px;
  width: 146px;
  border-radius: 10px;
  position: absolute;
  top: 0;
}

.consent-banner .overlay-container .et-consent-toggle-wrapper {
  white-space: nowrap;
}

.consent-banner .overlay-container .et-consent-setting .et-consent-toggle-wrapper span {
  font-weight: bold;
  color: #222;
  font-size: 16px;
  padding-bottom: 2px;
}

.consent-banner .overlay-container .et-consent-setting > span > label,
.consent-banner .overlay-container .et-consent-setting > span > span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}

.consent-banner .overlay-container .et-consent-setting > span > span {
  margin-right: 4px;
}

.consent-banner .overlay-container .et-consent-setting > span > label {
  position: relative;
  margin-right: 16px;
  width: 48px;
  height: 20px;
}

.consent-banner .overlay-container .et-consent-setting > span > label input {
  opacity: 0;
  width: 0;
  height: 0;
}

.consent-banner .overlay-container .et-consent-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #5b5b5b;
  -webkit-transition: background-color 50ms;
  -o-transition: background-color 50ms;
  transition: background-color 50ms;
  border-radius: 12px;
}

.consent-banner .overlay-container .et-consent-slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 22px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: left 80ms;
  -o-transition: left 80ms;
  transition: left 80ms;
  border-radius: 8px;
  -webkit-box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.25);
}

.consent-banner .overlay-container .et-consent-setting > span > label > input:checked + .et-consent-slider:before {
  left: 24px;
}

.consent-banner .overlay-container .et-consent-setting > span > label > input:not(:checked) + .et-consent-slider {
  background-color: #dee0e2 !important;
}

.consent-banner .overlay-container .et-consent-setting > span > label > input:disabled + .et-consent-slider {
  opacity: 0.6;
  cursor: auto;
}

.consent-banner .overlay-container .et-consent-button-container {
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.consent-banner .overlay-container .editable:hover {
  background-color: #e7e7e7;
  border-radius: 5px;
}

.consent-banner .overlay-container .editable:hover .edit-bar {
  display: inline-block;
}

.consent-banner .overlay-container .color-edit-wrapper {
  position: relative;
}

.consent-banner .overlay-container .color-edit-wrapper:hover input.et-consent-title,
.consent-banner .overlay-container .color-edit-wrapper:hover textarea,
.consent-banner .overlay-container .color-edit-wrapper:hover input.et-consent-title,
.consent-banner .overlay-container .color-edit-wrapper:hover textarea,
.consent-banner .overlay-container .color-edit-wrapper:has(input:active) input.et-consent-title,
.consent-banner .overlay-container .color-edit-wrapper:has(input:active) textarea,
.consent-banner .overlay-container .color-edit-wrapper:has(input:focus) input.et-consent-title,
.consent-banner .overlay-container .color-edit-wrapper:has(input:focus) textarea,
.consent-banner .overlay-container .color-edit-wrapper:has(textarea:active) input.et-consent-title,
.consent-banner .overlay-container .color-edit-wrapper:has(textarea:active) textarea,
.consent-banner .overlay-container .color-edit-wrapper:has(textarea:focus) input.et-consent-title,
.consent-banner .overlay-container .color-edit-wrapper:has(textarea:focus) textarea {
  background-color: rgba(92, 178, 204, 0.363);
  border-radius: 5px;
}

.consent-banner .overlay-container .color-edit-wrapper:hover button,
.consent-banner .overlay-container .color-edit-wrapper:hover button,
.consent-banner .overlay-container .color-edit-wrapper:has(input:active) button,
.consent-banner .overlay-container .color-edit-wrapper:has(input:focus) button,
.consent-banner .overlay-container .color-edit-wrapper:has(textarea:active) button,
.consent-banner .overlay-container .color-edit-wrapper:has(textarea:focus) button {
  -webkit-box-shadow: 0px 0px 0px 3px rgba(92, 178, 204, 0.363);
          box-shadow: 0px 0px 0px 3px rgba(92, 178, 204, 0.363);
}

.consent-banner .overlay-container .color-edit-wrapper:has(input:focus):has(span[data-editor-highlight]),
.consent-banner .overlay-container .color-edit-wrapper:hover:has(span[data-editor-highlight]) {
  background-color: rgba(92, 178, 204, 0.363);
  border-radius: 5px;
}

.consent-banner .overlay-container .color-edit-wrapper:has(input:active) > div,
.consent-banner .overlay-container .color-edit-wrapper:has(input:focus) > div,
.consent-banner .overlay-container .color-edit-wrapper:has(textarea:active) > div,
.consent-banner .overlay-container .color-edit-wrapper:has(textarea:focus) > div {
  opacity: 1;
  pointer-events: initial;
}

.consent-banner .overlay-container button[data-editor="buttonDetails"] {
  background: none;
  border: none;
  color: unset;
  opacity: 0.7;
  display: -ms-flexbox;
  display: flex;
}

.consent-banner .overlay-container button[data-editor="buttonDetails"] span[data-editor="buttonDetailsText"] {
  opacity: 1;
  padding-bottom: 3px;
}

.consent-banner .overlay-container .color-edit-wrapper .url-icon {
  pointer-events: all;
}

.consent-banner .overlay-container .color-edit-wrapper .url-icon img {
  width: 16px;
  margin: 2px 0px 0 6px;
}

.consent-banner .overlay-container .color-edit-wrapper > div:first-child {
  opacity: 0;
  pointer-events: none;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  z-index: 1000;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: calc(50% - 30px);
  top: -30px;
  background-color: white;
  border: 1px solid #cfcfcf;
  border-radius: 20px;
  padding: 5px 14px 5px 14px;
  text-decoration: underline;
  font-weight: bold;
  font-size: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.consent-banner .overlay-container .color-edit-wrapper > div:first-child .color-swap {
  margin-right: 6px;
}

.consent-banner .overlay-container .color-edit-wrapper > div:first-child label {
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.consent-banner .overlay-container .color-icon {
  display: -ms-flexbox;
  display: flex;
}

.consent-banner .overlay-container .color-icon input {
  width: 0;
  height: 0;
  border: none;
  padding: 0;
  margin: 0;
  opacity: 0;
}

.consent-banner .et-consent-button-container {
  gap: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: end;
  padding-right: 50px;
}

.consent-banner .lang-selector-overlay {
  position: relative;
}

.consent-banner .lang-selector-overlay .ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select).button-container {
  margin: 0;
  padding: 20px 25px;
  width: 275px;
  background: #F3F7F8;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 10px;
  -ms-flex-pack: center;
      justify-content: center;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.consent-banner .lang-selector-overlay .segment-selector.ds-dropdown-menu {
  position: absolute;
  z-index: 1000;
  top: 30px;
  padding-bottom: 0;
}

.consent-banner .dsa-h4 {
  margin-top: 16px;
}

.consent-banner .dsa-h4 > span + span {
  color: #7B8595;
}

.consent-banner dialog {
  border: none;
  border-radius: 15px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  padding: 12px 18px;
  min-width: 300px;
}

.consent-banner dialog > div:first-child > div {
  margin-bottom: 4px;
}

.consent-banner dialog > div:last-child {
  margin-top: 20px;
  text-align: right;
}

.consent-banner dialog > div:last-child button {
  padding: 10px 20px;
  text-align: center;
  display: inline-block;
}

.consent-banner dialog input {
  border: 1px solid #cfcfcf;
  border-radius: 5px;
  padding: 4px 8px;
  height: 40px;
  width: 100%;
}

.consent-banner .upgradeContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-left: 8px;
  border: 1px solid #F24E1E;
  border-radius: 4px;
  background-color: #FFF4E1;
  font-size: 13px;
  font-weight: 500;
  text-transform: none;
  padding: 2px 8px;
}

.consent-banner .upgradeContainer > svg {
  color: #F24E1E;
}

.consent-banner .upgradeEdition {
  position: absolute;
  right: 12px;
  top: 12px;
  background-color: #7e7e7e;
  color: white;
  border-radius: 8px;
  text-transform: uppercase;
  padding: 3px 6px;
  font-size: 12px;
  font-weight: 500;
  height: 24px;
  margin-left: 8px;
}

.consent-banner .config-row.config-row-small {
  height: 32px;
}.et-content-overlay {
  display: inline-block;
  background-color: white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 12px;
  -webkit-box-shadow: 0 0 10px #666;
          box-shadow: 0 0 10px #666;
  padding: 24px 24px 4px 24px;
  position: relative;
}

.et-content-overlay * {
  font-family: Arial, sans-serif;
}

.et-consent-title {
  color: #222;
  font-size: 24px;
  font-style: normal;
  font-weight: bold;
  line-height: 28px;
  /* 116.667% */
  max-width: 100%;
  /* IE fallback */
}

.et-consent-content {
  margin: 16px 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  max-height: 230px;
  overflow-y: auto;
}

.et-content-overlay .et-consent-button-container {
  display: inline-block;
  /* IE fallback */
  text-align: left;
  /* IE fallback */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 48px;
  margin-top: 8px;
  vertical-align: top;
  position: absolute;
  bottom: 64px;
}

.et-content-overlay.consent-design-box .et-consent-button-container {
  width: 100%;
  text-align: right;
}

.et-content-overlay button {
  cursor: pointer;
  background: #222;
  color: white;
  border: 1px solid #222;
  border-radius: 8px;
  padding: 12px 8px 12px 16px;
  text-align: center;
  height: 100%;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  text-transform: none;
  line-height: normal;
}

.et-content-overlay button span {
  vertical-align: top;
  line-height: 23px;
  margin-right: 8px;
}

.et-content-overlay button svg {
  width: 25px;
  height: 25px;
}

.et-content-overlay button svg path {
  fill: currentColor;
}

.et-content-overlay button:first-child {
  margin-right: 12px;
}

.et-content-overlay button:hover {
  opacity: 0.9;
}

.et-content-overlay button:active {
  opacity: 0.8;
}

.et-content-overlay svg {
  width: 16px;
  height: 16px;
}

.et-content-overlay .et-consent-footer {
  margin-top: 2px;
  padding-top: 8px;
  height: 24px;
  width: calc(100% - 50px);
  border-top: 1px solid #CFCFCF;
  position: absolute;
  bottom: 26px;
}

.et-content-overlay .et-consent-footer > span {
  float: left;
  font-weight: bold;
  height: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 14px;
}

.et-content-overlay .et-consent-footer > span > span {
  margin-top: 2px;
}

.et-content-overlay .et-consent-footer > span > img {
  height: 18px;
  margin-left: 4px;
}

.et-content-overlay .et-consent-lang-container {
  text-align: right;
  float: right;
}

.et-content-overlay .et-consent-lang-container svg {
  padding-top: 6px;
  cursor: pointer;
  position: relative;
  left: 32px;
  width: 22px;
  height: 22px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.et-content-overlay .et-consent-lang-select {
  width: 120px;
  height: 34px;
  background-color: #f5f5f5;
  padding: 5px 5px 5px 32px;
  border-radius: 20px;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  border: 1px solid transparent;
  font-size: 13px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.et-content-overlay .et-consent-lang-select:hover {
  border-color: black;
  background-color: white;
}

.et-content-overlay .et-consent-footer img {
  right: -10px;
}

.et-content-overlay .et-consent-links {
  display: inline-block;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-left: 5px;
}

.et-content-overlay .et-consent-footer .color-edit-wrapper {
  vertical-align: top;
  padding-top: 2px;
  display: inline-block;
  font-size: 13px;
  font-style: normal;
  font-weight: bold;
  color: #222;
  text-decoration: none;
  margin-right: 16px;
}

.et-content-overlay .et-consent-footer .color-edit-wrapper span {
  height: 0;
  opacity: 0;
  padding-right: 4px;
}

.et-content-overlay .et-consent-footer .color-edit-wrapper input {
  position: absolute;
  z-index: 100;
}

.et-content-overlay .et-consent-footer .color-edit-wrapper:last-child {
  margin-right: 0;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3 {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

.content-blocker.needsUpgrade {
  cursor: pointer;
}

.content-blocker.needsUpgrade .ds-section-wrapper {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  background-color: #e1e4e6;
  position: relative;
}

.content-blocker.needsUpgrade .ds-section-wrapper * {
  -webkit-filter: grayscale(100%) brightness(98%);
          filter: grayscale(100%) brightness(98%);
}

.content-blocker .content-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap-reverse;
      flex-flow: row wrap-reverse;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 8px;
  padding: 16px 0 8px;
}

.content-blocker .content-header label {
  cursor: pointer;
}

.content-blocker .content-header .dsa-info-bold {
  cursor: pointer;
  -ms-flex-positive: 1;
      flex-grow: 1;
  text-align: right;
}

.content-blocker .overlay-container,
.content-blocker .overlay-container > div {
  width: 100%;
  height: 280px;
}

.content-blocker button > span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.content-blocker button svg,
.content-blocker button img {
  width: 24px;
  height: 24px;
}

.content-blocker .content-header .color-swap {
  display: -ms-flexbox;
  display: flex;
}

.content-blocker .color-swap {
  display: inline-block;
  height: 22px;
}

.content-blocker .color-swap input {
  width: 0;
  height: 0;
  border: none;
  padding: 0;
  margin: 0;
  opacity: 0;
}

.content-blocker .color-swap svg {
  width: 15px;
  height: 15px;
  border: solid 1px #000;
  border-radius: 50%;
  padding: 2px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.content-blocker .color-swap img {
  width: 16px;
  height: 16px;
}

.content-blocker .edit-bar {
  z-index: 10;
  display: none;
  position: absolute;
  top: calc(50% - 25px);
  bottom: calc(50% - 25px);
  left: calc(50% - 71px);
  right: calc(50% - 71px);
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.content-blocker .edit-bar > div {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 8px 8px 16px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid #7B8595;
  background: #3F424A;
  color: #FDFDFD;
}

.content-blocker .edit-bar > div span {
  color: #FDFDFD;
}

.content-blocker .edit-bar img {
  width: 16px;
  height: 16px;
}

.content-blocker .overlay-container .editable {
  position: relative;
  cursor: pointer;
}

.content-blocker .overlay-container input,
.content-blocker .overlay-container textarea {
  border: none;
  min-width: 100%;
  background: none;
}

.content-blocker .overlay-container textarea {
  height: 80px;
  resize: none;
  margin-top: 0;
}

.content-blocker .overlay-container button {
  display: -ms-flexbox;
  display: flex;
  padding-right: 28px;
  -ms-flex-align: center;
      align-items: center;
}

.content-blocker .overlay-container button svg {
  min-width: 22px;
  position: absolute;
  right: 14px;
}

.content-blocker .overlay-container button input {
  position: absolute;
}

.content-blocker .overlay-container button span {
  opacity: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  margin-right: 16px;
}

.content-blocker .overlay-container .et-consent-title {
  margin-bottom: 16px;
}

.content-blocker .overlay-container .et-consent-footer-logo img {
  height: 14px;
}

.content-blocker .overlay-container .editable:hover {
  background-color: #e7e7e7;
  border-radius: 5px;
}

.content-blocker .overlay-container .editable:hover .edit-bar {
  display: inline-block;
}

.content-blocker .overlay-container .color-edit-wrapper {
  position: relative;
}

.content-blocker .overlay-container .color-edit-wrapper:hover input.et-consent-title,
.content-blocker .overlay-container .color-edit-wrapper:hover textarea,
.content-blocker .overlay-container .color-edit-wrapper:hover input.et-consent-title,
.content-blocker .overlay-container .color-edit-wrapper:hover textarea,
.content-blocker .overlay-container .color-edit-wrapper:has(input:active) input.et-consent-title,
.content-blocker .overlay-container .color-edit-wrapper:has(input:active) textarea,
.content-blocker .overlay-container .color-edit-wrapper:has(input:focus) input.et-consent-title,
.content-blocker .overlay-container .color-edit-wrapper:has(input:focus) textarea,
.content-blocker .overlay-container .color-edit-wrapper:has(textarea:active) input.et-consent-title,
.content-blocker .overlay-container .color-edit-wrapper:has(textarea:active) textarea,
.content-blocker .overlay-container .color-edit-wrapper:has(textarea:focus) input.et-consent-title,
.content-blocker .overlay-container .color-edit-wrapper:has(textarea:focus) textarea {
  background-color: rgba(92, 178, 204, 0.363);
  border-radius: 5px;
}

.content-blocker .overlay-container .color-edit-wrapper:hover button,
.content-blocker .overlay-container .color-edit-wrapper:hover button,
.content-blocker .overlay-container .color-edit-wrapper:has(input:active) button,
.content-blocker .overlay-container .color-edit-wrapper:has(input:focus) button,
.content-blocker .overlay-container .color-edit-wrapper:has(textarea:active) button,
.content-blocker .overlay-container .color-edit-wrapper:has(textarea:focus) button {
  -webkit-box-shadow: 0px 0px 0px 3px rgba(92, 178, 204, 0.363);
          box-shadow: 0px 0px 0px 3px rgba(92, 178, 204, 0.363);
}

.content-blocker .overlay-container .color-edit-wrapper:has(input:active) > div,
.content-blocker .overlay-container .color-edit-wrapper:has(input:focus) > div,
.content-blocker .overlay-container .color-edit-wrapper:has(textarea:active) > div,
.content-blocker .overlay-container .color-edit-wrapper:has(textarea:focus) > div {
  opacity: 1;
  pointer-events: initial;
}

.content-blocker .overlay-container .color-edit-wrapper .url-icon {
  pointer-events: all;
}

.content-blocker .overlay-container .color-edit-wrapper .url-icon img {
  width: 16px;
  margin: 2px 0px 0 6px;
}

.content-blocker .overlay-container .color-edit-wrapper > div {
  opacity: 0;
  pointer-events: none;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  z-index: 1000;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: calc(50% - 30px);
  top: -30px;
  background-color: white;
  border: 1px solid #cfcfcf;
  border-radius: 20px;
  padding: 5px 14px 5px 14px;
  text-decoration: underline;
  font-weight: bold;
  font-size: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.content-blocker .overlay-container .color-edit-wrapper > div .color-swap {
  margin-right: 6px;
}

.content-blocker .overlay-container .color-edit-wrapper > div label {
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.content-blocker .overlay-container .color-icon {
  display: -ms-flexbox;
  display: flex;
}

.content-blocker .overlay-container .color-icon input {
  width: 0;
  height: 0;
  border: none;
  padding: 0;
  margin: 0;
  opacity: 0;
}

.content-blocker .lang-selector-overlay {
  position: relative;
}

.content-blocker .lang-selector-overlay .ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select).button-container {
  margin: 0;
  padding: 20px 25px;
  width: 275px;
  background: #F3F7F8;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 10px;
  -ms-flex-pack: center;
      justify-content: center;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.content-blocker .lang-selector-overlay .segment-selector.ds-dropdown-menu {
  position: absolute;
  z-index: 1000;
  top: 30px;
  padding-bottom: 0;
}

.content-blocker .dsa-h4 {
  margin-top: 16px;
}

.content-blocker .dsa-h4 > span + span {
  color: #7B8595;
}

.content-blocker dialog {
  border: none;
  border-radius: 15px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  padding: 12px 18px;
  min-width: 300px;
}

.content-blocker dialog > div:first-child > div {
  margin-bottom: 4px;
}

.content-blocker dialog > div:last-child {
  margin-top: 20px;
  text-align: right;
}

.content-blocker dialog > div:last-child button {
  padding: 10px 20px;
  text-align: center;
  display: inline-block;
}

.content-blocker dialog input {
  border: 1px solid #cfcfcf;
  border-radius: 5px;
  padding: 4px 8px;
  height: 40px;
  width: 100%;
}

.content-blocker .upgradeContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-left: 8px;
  border: 1px solid #F24E1E;
  border-radius: 4px;
  background-color: #FFF4E1;
  font-size: 13px;
  font-weight: 500;
  text-transform: none;
  padding: 2px 8px;
}

.content-blocker .upgradeContainer > svg {
  color: #F24E1E;
}

.content-blocker .upgradeEdition {
  position: absolute;
  right: 12px;
  top: 12px;
  background-color: #7e7e7e;
  color: white;
  border-radius: 8px;
  text-transform: uppercase;
  padding: 3px 6px;
  font-size: 12px;
  font-weight: 500;
  height: 24px;
  margin-left: 8px;
}

.content-blocker .serviceSelectContainer .dsa-select-variant {
  width: 200px;
}

.content-blocker .serviceSelectContainer .dsa-select-variant > span:first-child {
  background-color: white;
}

.content-blocker .serviceSelectContainer .dsa-select-state-open .dsa-select-variant-options {
  display: block;
  position: absolute;
  z-index: 100000;
}

.content-blocker .dsa-select-variant div.ds-segment-info.triggerSelectionOverlay {
  width: 500px;
}

.content-blocker .dsa-select-variant .triggerSelectionOverlay > div:first-child {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.content-blocker .dsa-select-variant .triggerSelectionOverlay > div:first-child button img {
  vertical-align: middle;
}

.content-blocker .dsa-select-variant .triggerSelectionOverlay > div:first-child button {
  padding-top: 8px;
}

.content-blocker .dsa-select-variant .triggerSelectionOverlay .triggerEntries > div {
  margin-bottom: 6px;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.content-blocker .dsa-select-variant .triggerSelectionOverlay .triggerEntries > div.active {
  background-color: #F24E1E;
  color: white;
  border-radius: 15px;
  padding: 4px 8px;
}

.content-blocker .dsa-select-variant .triggerSelectionOverlay .triggerEntries > div:hover {
  opacity: 0.8;
}

.content-blocker .dsa-select-variant .triggerSelectionOverlay .triggerEntries > div remove-icon svg {
  margin-left: 6px;
  padding-top: 2px;
  width: 16px;
  height: 16px;
}.consentManagerMenu {
  position: fixed;
  top: 98px;
}

.consentManagerMenu img.consentLogo {
  width: 200px;
  display: block;
  margin-bottom: 38px;
}

.consentManagerMenu .side-menu > div {
  text-transform: none;
  letter-spacing: initial;
}

.consentManagerMenu .side-menu > div svg {
  margin-left: 5px;
}

.consentManagerMenu .dsa-radio-tab-selection {
  text-transform: none;
  letter-spacing: initial;
}.tooltipContainer {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.tooltipContainer img {
  margin-left: 4px;
  opacity: 0.5;
  margin-top: 2px;
  width: 18px;
  height: 18px;
}

.tooltipContainer span {
  display: none;
  position: absolute;
  background-color: white;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 8px 14px;
  border-radius: 5px;
  width: 370px;
  z-index: 1;
  -webkit-transform: translateX(-50%) translateX(12px) translateY(-100%) translateY(-28px);
      -ms-transform: translateX(-50%) translateX(12px) translateY(-100%) translateY(-28px);
          transform: translateX(-50%) translateX(12px) translateY(-100%) translateY(-28px);
  font-size: 13px;
  font-weight: 400;
}

.tooltipContainer:hover img {
  opacity: 0.4;
}

.tooltipContainer:hover span {
  display: block;
}.lds-roller,
.lds-roller div,
.lds-roller div:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-roller div {
  -webkit-animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
          animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  -webkit-transform-origin: 40px 40px;
      -ms-transform-origin: 40px 40px;
          transform-origin: 40px 40px;
}

.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7.2px;
  height: 7.2px;
  border-radius: 50%;
  background: currentColor;
  margin: -3.6px 0 0 -3.6px;
}

.lds-roller div:nth-child(1) {
  -webkit-animation-delay: -0.036s;
          animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
  top: 62.62742px;
  left: 62.62742px;
}

.lds-roller div:nth-child(2) {
  -webkit-animation-delay: -0.072s;
          animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
  top: 67.71281px;
  left: 56px;
}

.lds-roller div:nth-child(3) {
  -webkit-animation-delay: -0.108s;
          animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
  top: 70.90963px;
  left: 48.28221px;
}

.lds-roller div:nth-child(4) {
  -webkit-animation-delay: -0.144s;
          animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}

.lds-roller div:nth-child(5) {
  -webkit-animation-delay: -0.18s;
          animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
  top: 70.90963px;
  left: 31.71779px;
}

.lds-roller div:nth-child(6) {
  -webkit-animation-delay: -0.216s;
          animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
  top: 67.71281px;
  left: 24px;
}

.lds-roller div:nth-child(7) {
  -webkit-animation-delay: -0.252s;
          animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
  top: 62.62742px;
  left: 17.37258px;
}

.lds-roller div:nth-child(8) {
  -webkit-animation-delay: -0.288s;
          animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12.28719px;
}

@-webkit-keyframes lds-roller {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes lds-roller {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop,
.overlay-menu-link.ds-active {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop,
.overlay-menu-link.ds-active {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.overlay-menu-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link,
.overlay-menu-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop,
.overlay-menu-link.ds-active {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.overlay-menu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 2px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.overlay-menu-link {
  color: #47494A;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.overlay-menu-link.ds-active {
  border-radius: 8px;
  background: #FFFFFF;
}

.overlay-menu-link.dsa-tag-label-bold {
  padding: 0 0 2px 8px;
  cursor: default;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp,
.annotation-overlay.annotation-overlay > div {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.annotation-overlay .annotation-list .dsa-radio-tab,
.annotation-overlay .annotation-list .dsa-radio-tab-large,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.annotation-overlay .annotation-list .title-input textarea,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.annotation-overlay .annotation-list .ann-empty,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.annotation-overlay .annotation-list .ann-sub-title,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.annotation-overlay .annotation-list .ann-date,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.annotation-overlay .annotation-list .dsa-radio-tab,
.annotation-overlay .annotation-list .dsa-radio-tab-large {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.annotation-overlay .annotation-list .title-input textarea {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.annotation-overlay .annotation-list .ann-empty {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold,
.annotation-overlay .annotation-list .ann-sub-title {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.annotation-overlay .annotation-list .ann-date {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp,
.annotation-overlay.annotation-overlay > div {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.annotation-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.annotation-overlay.annotation-overlay > div {
  background-color: #E7F0F8;
  padding: 0;
  width: 727px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 16px;
  gap: 0;
}

.annotation-overlay .annotation-menu {
  display: -ms-flexbox;
  display: flex;
  width: 214px;
  padding: 24px 16px 24px 24px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.annotation-overlay .annotation-menu > .dsa-tag-label-bold,
.annotation-overlay .annotation-list .annotation-menu > .ann-sub-title {
  color: #2E373D;
}

.annotation-overlay .annotation-list {
  display: -ms-flexbox;
  display: flex;
  width: 513px;
  padding: 24px 0 32px 0;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 24px;
  background: #FFFFFF;
}

.annotation-overlay .annotation-list > div {
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 0 32px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 24px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.annotation-overlay .annotation-list > div > div {
  margin-right: 32px;
}

.annotation-overlay .annotation-list .annotation-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.annotation-overlay .annotation-list .annotation-title svg {
  cursor: pointer;
}

.annotation-overlay .annotation-list .ann-sub-title {
  color: #F24E1E;
}

.annotation-overlay .annotation-list .ann-list {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 28px;
  height: 345px;
  overflow: auto;
  scrollbar-width: thin;
  margin-right: 0;
  padding-right: 32px;
}

.annotation-overlay .annotation-list .ann-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 4px;
}

.annotation-overlay .annotation-list .ann-subgroup {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 4px;
}

.annotation-overlay .annotation-list .ann-subgroup + .ann-subgroup {
  margin-top: 20px;
}

.annotation-overlay .annotation-list .ann-empty {
  padding-top: 4px;
  padding-bottom: 4px;
  color: #3F424A;
  font-style: italic;
}

.annotation-overlay .annotation-list .ann-date {
  padding: 8px 0;
}

.annotation-overlay .annotation-list .ann-item {
  white-space: normal;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid #B0B0B0;
}

.annotation-overlay .annotation-list .ann-item:last-child {
  border-bottom: none;
}

.annotation-overlay .annotation-list .ann-item > div:first-child {
  max-width: 380px;
  overflow: hidden;
}

.annotation-overlay .annotation-list .ann-icons {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.annotation-overlay .annotation-list .ann-icons svg {
  cursor: pointer;
}

.annotation-overlay .annotation-list .ann-bar {
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-top: 48px;
}

.annotation-overlay .annotation-list .ann-bar button {
  height: 49px;
  padding: 0 16px;
}

.annotation-overlay .annotation-list .ann-bar button svg {
  padding-right: 0;
  margin-right: -8px;
  margin-left: 8px;
}

.annotation-overlay .annotation-list input[type="date"] {
  padding-left: 45px;
  margin-left: -45px;
  padding-right: 0;
  border: none;
  width: auto;
  background: transparent;
  -webkit-transform: translateX(24px);
      -ms-transform: translateX(24px);
          transform: translateX(24px);
}

.annotation-overlay .annotation-list input[type="date"]::-webkit-inner-spin-button,
.annotation-overlay .annotation-list input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

.annotation-overlay .annotation-list input[type="date"] *:focus {
  border: none;
  outline: none;
  display: none;
}

.annotation-overlay .annotation-list .input-date {
  position: relative;
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 9px;
  overflow: hidden;
  -ms-flex-align: center;
      align-items: center;
  margin-left: -24px;
  padding-left: 12px;
}

.annotation-overlay .annotation-list .input-date > svg {
  -webkit-transform: translateX(24px);
      -ms-transform: translateX(24px);
          transform: translateX(24px);
  z-index: 1;
}

.annotation-overlay .annotation-list .input-date:before {
  content: ' ';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  left: 23px;
}

@supports not (-moz-appearance: none) {
  .annotation-overlay .annotation-list .input-date {
    margin-left: 0;
  }

  .annotation-overlay .annotation-list .input-date > svg,
  .annotation-overlay .annotation-list .input-date input[type="date"] {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }

  .annotation-overlay .annotation-list .input-date:before {
    left: 0;
  }
}

.annotation-overlay .annotation-list .title-input {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.annotation-overlay .annotation-list .title-input .overlay-input {
  -ms-flex-align: stretch;
      align-items: stretch;
}

.annotation-overlay .annotation-list .title-input textarea {
  resize: none;
  width: 100%;
  height: 180px;
  padding: 8px 16px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
  scrollbar-width: thin;
}@charset "UTF-8";

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.order-resume {
  display: -ms-flexbox;
  display: flex;
  width: 380px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.order-resume .op-domain {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-align: center;
      align-items: center;
}

.order-resume .op-domain + div {
  margin-left: 32px;
}

.order-resume .op-domain .dsa-nav-link {
  color: #47494A;
}

.order-resume .op-domain .dsa-account-x {
  color: #919191;
}

.order-resume .op-domain-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #FFFFFF;
  background: #3F424A;
}

.order-resume .op-domain-icon .op-domain-logo {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: #3F424A;
}

.order-resume .op-edition {
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  padding: 0px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 12px;
  background: #FDFDFD;
  /* dropshadow/0 – inner card */
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), -1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), -1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.order-resume .op-edition .dsa-h4,
.order-resume .op-edition .dsm-section-header {
  text-transform: capitalize;
}

.order-resume .op-details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
}

.order-resume .op-details > div {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 0;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.order-resume .op-sum {
  display: -ms-flexbox;
  display: flex;
  height: 93px;
  padding: 16px 0px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.order-resume .op-sum .op-star {
  margin-left: 2px;
  vertical-align: 5px;
  line-height: 10px;
}

.order-resume .op-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.order-resume .op-info .dsa-info-book,
.order-resume .op-info .dsa-chip,
.order-resume .op-info .ds-dropdown-select > span,
.order-resume .op-info .dsm-upgrade-info > div > div + div {
  color: #3F424A;
}

.order-resume .op-info .dsa-info-book > div,
.order-resume .op-info .dsa-chip > div,
.order-resume .op-info .ds-dropdown-select > span > div,
.order-resume .op-info .dsm-upgrade-info > div > div + div > div {
  margin-top: 10px;
}

.order-resume .op-info > svg {
  height: 17px;
}

.order-resume .op-info .op-star {
  line-height: 10px;
}@charset "UTF-8";

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.order-process {
  white-space: normal;
}

.order-process .op-wrapper {
  position: relative;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  max-width: 1392px;
  margin: 20px auto;
  border-radius: 32px;
  padding: 0;
  overflow: hidden;
}

.order-process .op-wrapper .op-close {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
}

.order-process .op-content {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  overflow: auto;
  scrollbar-width: thin;
  padding: 32px 97px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 48px;
  border-radius: 32px;
  -webkit-box-shadow: 640px 935px 317px 0px rgba(0, 0, 0, 0), 409px 599px 290px 0px rgba(0, 0, 0, 0.01), 230px 337px 245px 0px rgba(0, 0, 0, 0.05), 102px 150px 181px 0px rgba(0, 0, 0, 0.09), 26px 37px 100px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 640px 935px 317px 0px rgba(0, 0, 0, 0), 409px 599px 290px 0px rgba(0, 0, 0, 0.01), 230px 337px 245px 0px rgba(0, 0, 0, 0.05), 102px 150px 181px 0px rgba(0, 0, 0, 0.09), 26px 37px 100px 0px rgba(0, 0, 0, 0.1);
  background-color: #EBF0F5;
}

.order-process .op-content.op-step-0 {
  gap: 48px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMTM5MiA5MDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogdXJsKCNWZXJsYXVmKTsKICAgICAgfQoKICAgICAgLmNscy0xLCAuY2xzLTIsIC5jbHMtMywgLmNscy00LCAuY2xzLTUgewogICAgICAgIHN0cm9rZS13aWR0aDogMHB4OwogICAgICB9CgogICAgICAuY2xzLTYgewogICAgICAgIGNsaXAtcGF0aDogdXJsKCNjbGlwcGF0aCk7CiAgICAgIH0KCiAgICAgIC5jbHMtMiwgLmNscy03IHsKICAgICAgICBmaWxsOiBub25lOwogICAgICB9CgogICAgICAuY2xzLTMgewogICAgICAgIGZpbGw6IHVybCgjVmVybGF1Zl81LTIpOwogICAgICB9CgogICAgICAuY2xzLTggewogICAgICAgIGNsaXAtcGF0aDogdXJsKCNjbGlwcGF0aC0xKTsKICAgICAgfQoKICAgICAgLmNscy00IHsKICAgICAgICBmaWxsOiB1cmwoI1ZlcmxhdWZfNSk7CiAgICAgIH0KCiAgICAgIC5jbHMtNSB7CiAgICAgICAgZmlsbDogdXJsKCNWZXJsYXVmXzIpOwogICAgICB9CgogICAgICAuY2xzLTcgewogICAgICAgIHN0cm9rZTogdXJsKCNWZXJsYXVmXzMpOwogICAgICAgIHN0cm9rZS1taXRlcmxpbWl0OiA0OwogICAgICAgIHN0cm9rZS13aWR0aDogMS4xcHg7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXBwYXRoIj4KICAgICAgPHJlY3QgY2xhc3M9ImNscy0yIiB5PSIwIiB3aWR0aD0iMTM5MiIgaGVpZ2h0PSI5MDAiLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8cmFkaWFsR3JhZGllbnQgaWQ9IlZlcmxhdWZfNSIgZGF0YS1uYW1lPSJWZXJsYXVmIDUiIGN4PSIxMzc0LjgiIGN5PSI2MTguOSIgZng9IjEzNzQuOCIgZnk9IjYxOC45IiByPSIxMjQ3LjMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMWI3NmYwIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8L3JhZGlhbEdyYWRpZW50PgogICAgPHJhZGlhbEdyYWRpZW50IGlkPSJWZXJsYXVmXzUtMiIgZGF0YS1uYW1lPSJWZXJsYXVmIDUiIGN4PSIxMDIxLjciIGN5PSI4NTEuMyIgZng9IjEwMjEuNyIgZnk9Ijg1MS4zIiByPSIxMjQ3LjMiIHhsaW5rOmhyZWY9IiNWZXJsYXVmXzUiLz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcHBhdGgtMSI+CiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE1NDguMywzODguM2wtNTU4LjEsNTU4LjFjLTc0LjQsNzQuNC0xOTUuMSw3NC40LTI2OS41LDBoMGMtNzQuNC03NC40LTc0LjQtMTk1LjEsMC0yNjkuNUwxMjc4LjgsMTE4LjhjNzQuNC03NC40LDE5NS4xLTc0LjQsMjY5LjUsMGgwYzc0LjQsNzQuNCw3NC40LDE5NS4xLDAsMjY5LjVaIi8+CiAgICA8L2NsaXBQYXRoPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJWZXJsYXVmIiBkYXRhLW5hbWU9IlZlcmxhdWYiIHgxPSIxNTQ4LjMiIHkxPSI3NzkuMSIgeDI9IjcyMC4xIiB5Mj0iLTQ5IiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDAgODk3LjkpIHNjYWxlKDEgLTEpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM1NzlmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iVmVybGF1Zl8yIiBkYXRhLW5hbWU9IlZlcmxhdWYgMiIgeDE9IjE0NzEuNSIgeTE9IjcwNS44IiB4Mj0iNzYwLjgiIHkyPSItNC42IiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDAgODk3LjkpIHNjYWxlKDEgLTEpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzFiNzZmMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iVmVybGF1Zl8zIiBkYXRhLW5hbWU9IlZlcmxhdWYgMyIgeDE9IjEyOTYuMSIgeTE9IjMwNC44IiB4Mj0iMTI5Ni4xIiB5Mj0iLTUwLjMiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzAzLjggMTYyNC4xKSByb3RhdGUoLTQ1KSBzY2FsZSgxIC0xKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iLjUiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjODdiNmY1Ii8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KICA8ZyBjbGFzcz0iY2xzLTYiPgogICAgPHBhdGggY2xhc3M9ImNscy00IiBkPSJNMTI3LjQsMTg2Ni4yVi02MjguNHMyNDk0LjYsMCwyNDk0LjYsMFYxODY2LjJzLTI0OTQuNiwwLTI0OTQuNiwwWiIvPgogICAgPHBhdGggY2xhc3M9ImNscy0zIiBkPSJNLTIyNS42LDIwOTguNlYtMzk2czI0OTQuNiwwLDI0OTQuNiwwdjI0OTQuNnMtMjQ5NC42LDAtMjQ5NC42LDBaIi8+CiAgICA8Zz4KICAgICAgPGcgY2xhc3M9ImNscy04Ij4KICAgICAgICA8Zz4KICAgICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEzMzUuMiw2Mi4zYzQzLjItNDMuMiwxMzguNi0xOCwyMTMuMSw1Ni41LDc0LjQsNzQuNCw5OS43LDE2OS44LDU2LjQsMjEzLjFsLTY3MS42LDY3MS42Yy00My4yLDQzLjItMTM4LjYsMTgtMjEzLjEtNTYuNS03NC40LTc0LjQtOTkuNy0xNjkuOC01Ni41LTIxMy4xTDEzMzUuMiw2Mi4zWiIvPgogICAgICAgICAgPHBhdGggY2xhc3M9ImNscy01IiBkPSJNMTQ2Ny4yLDQzNy4xYzY4LjgtNjguOCw3MC43LTE3OC42LDQuMi0yNDUuMS02Ni41LTY2LjUtMTc2LjItNjQuNy0yNDUuMSw0LjJsLTQ2MS4yLDQ2MS4yYy02OC44LDY4LjgtNzAuNywxNzguNi00LjIsMjQ1LjEsNjYuNSw2Ni41LDE3Ni4zLDY0LjcsMjQ1LjEtNC4ybDQ2MS4yLTQ2MS4yWiIvPgogICAgICAgIDwvZz4KICAgICAgPC9nPgogICAgICA8cGF0aCBjbGFzcz0iY2xzLTciIGQ9Ik03NTUuNyw3NDEuMmw0OTguMS00OTguMWM2OS4xLTY5LjEsMTgxLjItNjkuMSwyNTAuMywwaDBjNjkuMSw2OS4xLDY5LjEsMTgxLjIsMCwyNTAuM2wtNDk4LjEsNDk4LjFjLTY5LjEsNjkuMS0xODEuMiw2OS4xLTI1MC4zLDBoMGMtNjkuMS02OS4xLTY5LjEtMTgxLjIsMC0yNTAuM1oiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 400px 0;
}

.order-process .op-content.op-step-0 .op-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 24px;
}

.order-process .op-content.op-step-3 {
  gap: 120px;
}

.order-process .op-stepper {
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 32px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-bottom: 1px solid #C7CBD0;
}

.order-process .op-stepper .step-no {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 32px;
  height: 32px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  border-radius: 20px;
  background-color: #C4D1E2;
  color: #818E9F;
}

.order-process .op-stepper .step-no.done {
  color: #EBF3FF;
  background-color: #1B76F0;
}

.order-process .op-stepper .step-no.active {
  color: #2C5893;
  background-color: #86B2EE;
}

.order-process .op-button-bar {
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.order-process .op-button-bar .dsa-button-secondary {
  background-color: transparent;
}

.order-process .op-select {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
}

.order-process .op-select .input-hits {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-top: 8px;
  padding-bottom: 16px;
}

.order-process .op-select .input-hits .input-range {
  position: relative;
  height: 65px;
}

.order-process .op-select .input-hits .input-range .tick-wrapper {
  position: absolute;
  left: 13px;
  right: 12px;
  top: 0;
  bottom: 0;
}

.order-process .op-select .input-hits .input-range .current-value {
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 16px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid #7B8595;
  background: #3F424A;
  color: #CFCFCF;
  white-space: nowrap;
}

.order-process .op-select .input-hits .input-range .current-value > div:first-child {
  color: #FFFFFF;
}

.order-process .op-select .input-hits .input-range .current-value.first-tick {
  -webkit-transform: initial;
      -ms-transform: initial;
          transform: initial;
}

.order-process .op-select .input-hits .input-range .current-value.last-tick {
  right: 0;
  left: initial;
  -webkit-transform: initial;
      -ms-transform: initial;
          transform: initial;
}

.order-process .op-select .input-hits .input-range .range-tick {
  position: absolute;
  z-index: 2;
  bottom: 2px;
  height: 4px;
  width: 1px;
  background-color: #FF6B40;
}

.order-process .op-select .input-hits .input-range .range-input {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
}

.order-process .op-select .input-hits .input-range .range-track {
  position: absolute;
  z-index: 1;
  bottom: 3px;
  left: 0;
  right: 0;
  height: 20px;
  background-color: #FFFFFF;
  border-radius: 16px;
  /* dropshadow/1 */
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.order-process .op-select .input-hits .input-range .range-track .range-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #F24E1E;
  border-radius: 20px 0 0 20px;
}

.order-process .op-select .input-hits .input-range input[type=range] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 27px;
  background-color: transparent;
}

.order-process .op-select .input-hits .input-range input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 27px;
  width: 27px;
  border-radius: 50%;
  background-color: #FF6B40;
}

.order-process .op-select .input-hits .input-range input[type=range]::-moz-range-thumb {
  -moz-appearance: none;
       appearance: none;
  box-sizing: content-box;
  height: 27px;
  width: 27px;
  border-radius: 50%;
  background-color: #FF6B40;
}

.order-process .op-select .input-hits .input-range input[type=range]::-webkit-slider-runnable-track,
.order-process .op-select .input-hits .input-range input[type=range]::-moz-range-track {
  -webkit-appearance: none;
          appearance: none;
  height: 27px;
  background-color: transparent;
}

.order-process .op-select .input-hits .op-hits {
  cursor: pointer;
}

.order-process .op-select .op-cards {
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-align: stretch;
      align-items: stretch;
}

.order-process .op-select .op-cards > div {
  display: -ms-flexbox;
  display: flex;
  width: 378px;
  height: 615px;
  padding: 4px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 16px;
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFF 100.01%);
  /* dropshadow/outer card */
  -webkit-box-shadow: -1px 6px 6px 0px rgba(0, 0, 0, 0.04), 0px 2px 3px 0px rgba(0, 0, 0, 0.05);
          box-shadow: -1px 6px 6px 0px rgba(0, 0, 0, 0.04), 0px 2px 3px 0px rgba(0, 0, 0, 0.05);
}

.order-process .op-select .op-cards .op-inner-card {
  display: -ms-flexbox;
  display: flex;
  padding: 12px 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 12px;
  background: #FDFDFD;
  /* dropshadow/0 – inner card */
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), -1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), -1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.order-process .op-select .op-cards .op-inner-card .dsa-h4 + dsa-text-book,
.order-process .op-select .op-cards .op-inner-card .dsm-section-header + dsa-text-book {
  margin-top: 8px;
}

.order-process .op-select .op-cards .op-includes {
  display: -ms-flexbox;
  display: flex;
  padding: 24px 16px 8px 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.order-process .op-select .op-cards .op-include {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 16px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.order-process .op-select .op-cards .op-include > svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.order-process .op-data,
.order-process .op-payment {
  display: -ms-flexbox;
  display: flex;
  gap: 258px;
}

.order-process .op-check .dsa-button-primary,
.order-process .op-check .dsm-upgrade-info > div > button,
.order-process .op-check .dsm-upgrade-info > button {
  background-color: #F03E3E;
}

.order-process .op-form-wrapper {
  display: -ms-flexbox;
  display: flex;
  width: 584px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 48px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.order-process .op-form-wrapper .op-form {
  display: -ms-flexbox;
  display: flex;
  min-height: 634px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 48px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.order-process .op-form-wrapper .op-form.op-error input.op-invalid,
.order-process .op-form-wrapper .op-form.op-error input:invalid {
  color: #FD5555;
  outline: 1px solid #FD5555;
  background-color: #fbecec;
}

.order-process .op-form-wrapper .op-inputs {
  display: -ms-flexbox;
  display: flex;
  width: 382px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 16px;
}

.order-process .op-form-wrapper .op-inputs input:user-invalid {
  color: #FD5555;
  outline: 1px solid #FD5555;
  background-color: #fbecec;
}

.order-process .op-form-wrapper .op-inputs label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 4px;
}

.order-process .op-form-wrapper .op-inputs label input {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.order-process .op-form-wrapper .op-inputs label[for=accountHolder] {
  margin-top: 24px;
}

.order-process .op-form-wrapper .op-inputs .op-zip-city,
.order-process .op-form-wrapper .op-inputs .op-country-tax {
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-align: center;
      align-items: center;
}

.order-process .op-form-wrapper .op-inputs .op-zip-city > label,
.order-process .op-form-wrapper .op-inputs .op-country-tax > label {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.order-process .op-form-wrapper .op-inputs .op-zip-city > label:first-child,
.order-process .op-form-wrapper .op-inputs .op-country-tax > label:first-child {
  -ms-flex-item-align: start;
      align-self: flex-start;
  width: 102px;
}

.order-process .op-form-wrapper .op-inputs .op-zip-city > label + label,
.order-process .op-form-wrapper .op-inputs .op-country-tax > label + label {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.order-process .op-form-wrapper .op-methods {
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 24px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 16px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-bottom: 1px solid #7B8595;
}

.order-process .op-success {
  display: -ms-flexbox;
  display: flex;
  gap: 0;
}

.order-process .op-success .op-inner-success {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
}

.order-process .op-success .op-inner-success .dsa-intro-book {
  padding: 8px 0 32px;
}

.order-process .op-image {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-positive: 0;
      flex-grow: 0;
  display: inline-block;
  width: 643px;
  height: 509px;
}

.order-process .op-image .op-success-image {
  position: absolute;
  top: 96px;
  left: 132px;
  width: 294px;
  height: 403px;
  border-radius: 10px;
  background: url(/static/media/images/success.76f07dc9.png) lightgray 50%/cover no-repeat;
}

.order-process .op-image > svg {
  position: absolute;
}

.order-process .op-image .op-border-pill {
  left: 153px;
  top: -33px;
}

.order-process .op-image .op-blue-pill-bg {
  top: -6px;
  left: -39px;
}

.order-process .op-image .op-blue-pill {
  top: 48px;
  left: -6px;
}

.order-process .top-16 {
  margin-top: 16px;
}

.order-process .op-option {
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  max-width: 360px;
  padding: 16px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 12px;
  border: 1px solid #7B8595;
  cursor: pointer;
}

.order-process .op-option.active {
  border-radius: 12px;
  background: #FFFFFF;
  border-color: transparent;
  /* dropshadow/1 */
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.order-process .op-option.active svg {
  color: #1B76F0;
}

.order-process .op-option .op-circle {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 0.6px solid #7B8595;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.add-on-select {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 700px;
  gap: 16px;
  -ms-flex-align: stretch;
      align-items: stretch;
}

.add-on-select .op-button-bar {
  margin-top: 40px;
}

.add-on-tile {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 12px;
  border: 1px solid #7B8595;
}

.add-on-tile.booked,
.add-on-tile.active {
  border-radius: 12px;
  background: #FFFFFF;
  border-color: transparent;
  /* dropshadow/1 */
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.add-on-tile.booked .add-on-tile-check,
.add-on-tile.active .add-on-tile-check {
  background-color: #1B76F0;
  border-color: #1B76F0;
  color: #FFFFFF;
}

.add-on-tile.booked .add-on-tile-check:hover,
.add-on-tile.active .add-on-tile-check:hover {
  color: #FFFFFF;
}

.add-on-tile.booked.booked,
.add-on-tile.active.booked {
  opacity: 0.6;
}

.add-on-tile.booked.booked .add-on-tile-check,
.add-on-tile.active.booked .add-on-tile-check {
  cursor: default;
}

.add-on-tile .add-on-tile-check {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 22px;
  width: 22px;
  padding: 2px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background: transparent;
  border: 1px solid #1B76F0;
  border-radius: 4px;
  color: transparent;
  cursor: pointer;
}

.add-on-tile .add-on-tile-check:hover {
  color: #1B76F0;
}

.add-on-entry {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 700px;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient,
.ds-options-wrapper {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.ds-segment-block,
.config-filter-wrapper .config-filter-item,
.ds-segment-block-zero {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant,
.config-filter-wrapper .config-filter {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.config-filter-wrapper .config-filter-inner,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
side-menu > div,
.side-menu > div,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.ds-row-headline,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.config-filter-wrapper .config-filter-inner {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
side-menu > div,
.side-menu > div {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.ds-row-headline {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient,
.ds-options-wrapper {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.ds-segment-block,
.config-filter-wrapper .config-filter-item,
.ds-segment-block-zero {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant,
.config-filter-wrapper .config-filter {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.ds-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 16px;
}

.ds-section:first-child {
  gap: 12px;
}

/* vorlagen-wrapper */

.ds-section-wrapper-12,
.ds-section-wrapper-24,
.ds-section-wrapper,
.ds-section-wrapper-48 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  background: #EBF0F5;
}

.ds-section-wrapper-12 > .dsa-tag-label,
.ds-section-wrapper-24 > .dsa-tag-label,
.ds-section-wrapper > .dsa-tag-label,
.ds-section-wrapper-48 > .dsa-tag-label,
.ds-section-wrapper-12 > .ds-label-grey,
.ds-section-wrapper-24 > .ds-label-grey,
.ds-section-wrapper > .ds-label-grey,
.ds-section-wrapper-48 > .ds-label-grey,
.ds-section-wrapper-12 > .ds-label-blue,
.ds-section-wrapper-24 > .ds-label-blue,
.ds-section-wrapper > .ds-label-blue,
.ds-section-wrapper-48 > .ds-label-blue,
.ds-section-wrapper-12 > .ds-label-fir,
.ds-section-wrapper-24 > .ds-label-fir,
.ds-section-wrapper > .ds-label-fir,
.ds-section-wrapper-48 > .ds-label-fir,
.ds-section-wrapper-12 > .ds-label-blue-small,
.ds-section-wrapper-24 > .ds-label-blue-small,
.ds-section-wrapper > .ds-label-blue-small,
.ds-section-wrapper-48 > .ds-label-blue-small,
.ds-section-wrapper-12 > .ds-label-fir-small,
.ds-section-wrapper-24 > .ds-label-fir-small,
.ds-section-wrapper > .ds-label-fir-small,
.ds-section-wrapper-48 > .ds-label-fir-small,
.ds-section-wrapper-12 > .ds-dropdown-menu-label,
.ds-section-wrapper-24 > .ds-dropdown-menu-label,
.ds-section-wrapper > .ds-dropdown-menu-label,
.ds-section-wrapper-48 > .ds-dropdown-menu-label,
.ds-section-wrapper-12 > .ds-row-headline,
.ds-section-wrapper-24 > .ds-row-headline,
.ds-section-wrapper > .ds-row-headline,
.ds-section-wrapper-48 > .ds-row-headline {
  color: #7B8595;
}

.ds-section-wrapper-12 {
  gap: 12px;
}

.ds-section-wrapper-24,
.ds-section-wrapper {
  gap: 24px;
}

.ds-section-wrapper-48 {
  gap: 48px;
}

/* options-wrapper */

.ds-options-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 8px 12px 8px;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 8px 24px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 16px;
  border: 0.5px solid #CFDDE8;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
}

/* row-headline */

.ds-row-headline {
  color: #7B8595;
  padding-bottom: 8px;
}

.ds-manager-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 46px;
  border-radius: 8px;
}

.ds-segment-block,
.config-filter-wrapper .config-filter-item,
.ds-segment-block-zero {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  background: #FDFDFD;
}

.ds-segment-block,
.config-filter-wrapper .config-filter-item {
  padding-right: 4px;
}

.ds-segment-block-zero {
  padding: 16px;
}

.ds-segment-info-wrapper {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.ds-segment-info {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 16px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-segment-right-bar {
  display: -ms-flexbox;
  display: flex;
  padding: 3px 0px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-segment-bar,
.ds-separator {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-segment-bar {
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 16px 0;
}

.ds-separator {
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 12px 16px;
}

.ds-segment-config {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
  white-space: nowrap;
}

.ds-side-bar-menu,
side-bar-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 201px;
  -ms-flex: 0 0 201px;
      flex: 0 0 201px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 4px;
}

.ds-side-bar-menu .dsa-tag-label,
.ds-side-bar-menu .ds-label-grey,
.ds-side-bar-menu .ds-label-blue,
.ds-side-bar-menu .ds-label-fir,
.ds-side-bar-menu .ds-label-blue-small,
.ds-side-bar-menu .ds-label-fir-small,
.ds-side-bar-menu .ds-dropdown-menu-label,
.ds-side-bar-menu .ds-row-headline,
side-bar-menu .dsa-tag-label,
side-bar-menu .ds-label-grey,
side-bar-menu .ds-label-blue,
side-bar-menu .ds-label-fir,
side-bar-menu .ds-label-blue-small,
side-bar-menu .ds-label-fir-small,
side-bar-menu .ds-dropdown-menu-label,
side-bar-menu .ds-row-headline {
  margin-top: 8px;
  color: #7B8595;
}

.ds-side-bar-menu .dsa-h3,
side-bar-menu .dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
  padding: 0 0 24px 0;
  cursor: default;
}

.ds-side-bar-menu .dsa-h3:hover,
side-bar-menu .dsa-h3:hover {
  background-color: transparent;
}

side-menu,
.side-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  padding: 4px 0px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

side-menu > div,
.side-menu > div {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  padding: 12px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-left: 1px solid #CFCFCF;
}

side-menu > div.active,
.side-menu > div.active {
  border-left-color: #F24E1E;
}

side-menu > div.disabled,
.side-menu > div.disabled {
  cursor: not-allowed;
  color: #CFCFCF;
}

side-menu > div .upgrade-item,
.side-menu > div .upgrade-item {
  display: inline-block;
  position: relative;
  width: 16px;
  margin-left: 8px;
}

.ds-section-list-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.ds-section-list-item {
  border: 1px solid #C7CBD0;
  background-color: white;
  padding: 10px 18px;
  border-bottom-width: 0;
  height: 68px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 8px;
}

.ds-section-list-item:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.ds-section-list-item:last-child {
  border-bottom-width: 1px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.ds-section-list-item:hover {
  -webkit-box-shadow: 0px 0px 15px 0px rgba(73, 73, 73, 0.4);
          box-shadow: 0px 0px 15px 0px rgba(73, 73, 73, 0.4);
  z-index: 100;
}

.ds-section-list-item:nth-child(even) {
  background-color: #EBF0F5;
}

.ds-section-list-item.ds-section-list-item-disabled:nth-child(even),
.ds-section-list-item-disabled {
  background-color: #C7CBD0;
  opacity: 0.75;
}

.ds-section-list-item.ds-section-list-item-disabled:nth-child(even) *,
.ds-section-list-item-disabled * {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

.ds-close-x {
  position: relative;
  margin-left: 12px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-close-x-abs {
  position: absolute;
  right: 8px;
  top: 8px;
  height: 16px;
  width: 16px;
}

.ds-close-x-abs .icon-absolute-close,
.ds-close-x .icon-absolute-close {
  font-size: 9px;
  position: absolute;
  right: 8px;
  top: 1px;
  height: 100%;
}

.ds-close-x-abs .icon-absolute-close:before,
.ds-close-x .icon-absolute-close:before {
  left: auto;
  right: 0;
}

.ds-close-x-abs svg:hover,
.ds-close-x-abs .icon-absolute-close:hover,
.ds-close-x svg:hover,
.ds-close-x .icon-absolute-close:hover {
  cursor: pointer;
  color: #F24E1E;
}

.config-filter-wrapper .dsa-select-box-selection {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 0 12px;
}

.config-filter-wrapper .dsa-select-box-selection > span {
  line-height: initial;
}

.config-filter-wrapper .config-filter {
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
}

.config-filter-wrapper .config-filter .add-option .dsa-select-box {
  position: initial;
}

.config-filter-wrapper .config-filter .add-option .dsa-select-box:first-child .dsa-select-box-options {
  left: 16px;
}

.config-filter-wrapper .config-filter .add-option .dsa-select-box:last-child .dsa-select-box-options {
  right: 16px;
}

.config-filter-wrapper .config-filter .add-option .dsa-select-box-selection {
  position: relative;
}

.config-filter-wrapper .config-filter .add-option .dsa-select-box-options {
  bottom: 108px;
  width: calc(50% - 20px);
  max-height: calc(100% - 124px);
}

.config-filter-wrapper .config-filter .dsa-select-double {
  font-size: 75%;
  font-weight: normal;
}

.config-filter-wrapper .config-filter-inner {
  line-height: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
  max-height: calc(100vh - 32px);
  overflow: auto;
  scrollbar-width: thin;
  min-width: 518px;
  padding: 16px;
  background-color: #EBF0F5;
  border-radius: 8px;
}

.config-filter-wrapper .add-option {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.config-filter-wrapper .add-option > div {
  background-color: #FFFFFF;
}

.config-filter-wrapper .filter-button-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  gap: 24px;
}

.config-filter-wrapper .filter-button-bar .dsa-text-button-medium,
.config-filter-wrapper .filter-button-bar .dsa-text-button-transparent-medium {
  background-color: transparent;
}

.config-filter-wrapper .filter-button-bar .dsa-button-primary-medium {
  padding: 8px 10px 8px 20px;
}

.config-filter-wrapper .config-filter-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
}

.config-filter-wrapper .config-filter-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 8px;
  background-color: white;
  padding: 16px;
  border-radius: 8px;
}

.config-filter-wrapper .config-filter-item .dsa-radio-tab-selection {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.config-filter-wrapper .config-filter-item .dsa-remove {
  -ms-flex-pack: center;
      justify-content: center;
  width: 28px;
}

.config-filter-wrapper .config-filter-item .dsa-remove.ds-disabled > svg {
  cursor: not-allowed;
  opacity: 0.5;
}

.config-filter-wrapper .config-filter-item .dsa-remove:not(.ds-stretch) {
  -ms-flex-pack: center;
      justify-content: center;
  color: #919191;
  background: #EBF0F5;
  width: 20px;
  height: 20px;
  border-radius: 10px;
}

.config-filter-wrapper .config-filter-item > div:first-child {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 8px;
}

.config-filter-wrapper .config-filter-item .select-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 8px;
}

.config-filter-wrapper .config-filter-item .select-wrapper > .dsa-select-box:first-child {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.config-filter-wrapper .config-filter-item .select-wrapper > .dsa-select-box:last-child {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 205px;
}

.config-filter-wrapper .config-filter-item .input-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 8px;
}

.config-filter-wrapper .config-filter-item .input-wrapper input {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.config-filter-wrapper .config-filter-item .input-wrapper input.filter-error {
  color: #FD5555;
  outline: 1px solid #FD5555;
  background-color: #fbecec;
}

.config-filter-wrapper .config-filter-item .input-wrapper > .dsa-select-box {
  width: 175px;
}

.config-filter-wrapper .config-filter-item .input-wrapper .check-input {
  -ms-flex-item-align: start;
      align-self: flex-start;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  gap: 4px;
}

.config-filter-wrapper .config-filter-item .input-wrapper .check-input input {
  padding-right: 28px;
  width: 100%;
}

.config-filter-wrapper .config-filter-item .input-wrapper .check-input input:focus + .suggest-list {
  display: -ms-flexbox;
  display: flex;
}

.config-filter-wrapper .config-filter-item .input-wrapper .check-input > div:first-child {
  position: relative;
  width: 100%;
}

.config-filter-wrapper .config-filter-item .input-wrapper .check-input .suggest-list:hover {
  display: -ms-flexbox;
  display: flex;
}

.config-filter-wrapper .config-filter-item .input-wrapper .check-input .suggest-list {
  position: absolute;
  z-index: 1;
  display: none;
  -ms-flex-direction: column;
      flex-direction: column;
  bottom: -4px;
  left: 0;
  width: calc(200% + 8px);
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}

.config-filter-wrapper .config-filter-item .input-wrapper:nth-child(even) .check-input .suggest-list {
  left: initial;
  right: 0;
}

.config-filter-wrapper .config-filter-item .input-wrapper .dsa-remove {
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.config-filter-wrapper .config-filter-item .input-list {
  display: -ms-flexbox;
  display: flex;
  width: 418px;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.config-filter-wrapper .config-filter-item .input-list .input-wrapper {
  width: calc(50% - 4px);
}

.config-filter-wrapper .config-filter-item.role-filter .input-list {
  width: 778px;
}

.config-filter-wrapper .config-filter-item.role-filter .input-list > .dsa-select-box,
.config-filter-wrapper .config-filter-item.role-filter .input-list > .input-wrapper {
  width: calc((100% + 8px) / 3 - 8px);
}

.config-filter-wrapper .config-filter-item .filter-error {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.config-filter-wrapper .config-filter-item .filter-error > svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #FFFFFF;
  background-color: #F11B1B;
  border-radius: 10px;
  padding: 2px;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total,
.main-overlay > div {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.overlay-title,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.overlay-report-view .label-input > input,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.overlay-export .export-textarea,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.overlay-report-view .label-input > div:first-child,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.overlay-title {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.overlay-report-view .label-input > input,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.overlay-export .export-textarea {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.overlay-report-view .label-input > div:first-child {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total,
.main-overlay > div {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.overlay-report-view .label-input > input,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.overlay-report-view .label-input > input,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text,
.overlay-report-view .label-input > input {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder,
.overlay-report-view .label-input > input:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a,
.overlay-report-view .label-input > input + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a,
.overlay-report-view .label-input > input + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive,
.overlay-report-view .label-input > input.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text,
.ds-input-wrapper .overlay-report-view .label-input > input,
.overlay-report-view .ds-input-wrapper .label-input > input {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.overlay-report-filter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: fixed;
  top: 50%;
  right: -100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: right 500ms ease-in-out;
  -o-transition: right 500ms ease-in-out;
  transition: right 500ms ease-in-out;
  z-index: 10010;
}

.overlay-report-filter.right-in {
  right: 16px;
}

.main-overlay {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10010;
  background-color: rgba(0, 0, 0, 0.65);
}

.main-overlay.report-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.main-overlay.report-overlay > div {
  background-color: #EBF0F5;
  padding: 24px 32px 32px 32px;
  width: 648px;
}

.main-overlay.report-overlay > div.overlay-report-view {
  width: initial;
}

.main-overlay.report-overlay > div.overlay-report-view .overlay-title span + span {
  -webkit-transform: translate(22px, -16px);
      -ms-transform: translate(22px, -16px);
          transform: translate(22px, -16px);
}

.main-overlay > div {
  min-width: 500px;
  padding: 24px;
  border-radius: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 200px auto;
  gap: 32px;
  background-color: var(--dashboard-attr-bg);
  max-height: calc(100% - 4px);
  overflow: auto;
  scrollbar-width: thin;
}

.main-overlay > div input {
  background-color: var(--dashboard-mainc-bg);
}

.main-overlay .copied {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 32px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  background-color: #FFFFFF;
  padding: 8px;
  border-radius: 8px;
  font-weight: 600;
  color: #41CA77;
  border: 2px solid #41CA77;
}

.overlay-standard,
.overlay-access-token,
.overlay-add-on,
.overlay-feedback {
  width: 580px;
  white-space: normal;
}

.overlay-standard .no-overflow,
.overlay-access-token .no-overflow,
.overlay-add-on .no-overflow,
.overlay-feedback .no-overflow {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.overlay-standard > video,
.overlay-access-token > video,
.overlay-add-on > video,
.overlay-feedback > video {
  margin: 0 auto;
}

.overlay-access-token {
  width: 730px;
}

.overlay-add-on {
  width: 730px;
}

.overlay-add-on .inner-add-on {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 12px;
}

.overlay-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.overlay-title .intro-title {
  -ms-flex-positive: 1;
      flex-grow: 1;
  text-align: center;
}

.overlay-title svg {
  cursor: pointer;
}

.overlay-left-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.overlay-center-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.overlay-right-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.overlay-relogin {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
  -ms-flex-align: center;
      align-items: center;
}

.overlay-relogin form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
  -ms-flex-align: center;
      align-items: center;
}

.overlay-relogin .ds-info-box,
.overlay-relogin .dsm-upgrade-info {
  -ms-flex-item-align: center;
      align-self: center;
  line-height: 1.25;
}

.overlay-relogin .link {
  text-decoration: underline;
  color: #888;
  font-size: 13px;
}

.overlay-relogin .link:hover {
  cursor: pointer;
}

.overlay-api-call .dsa-toggle::before {
  background-color: #EBF0F5;
}

.overlay-api-call .area {
  border-radius: 12px;
  border: 1px solid #C7CBD0;
  background: #EBF0F5;
  position: relative;
}

.overlay-api-call .area > *:first-child {
  display: -ms-flexbox;
  display: flex;
  padding: 12px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.overlay-api-call .area > *:last-child {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-family: monospace;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 24px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 0 0 12px 12px;
  background: #222222;
  color: rgba(164, 202, 252, 0.5);
  white-space: normal;
  line-break: anywhere;
  overflow: auto;
  scrollbar-width: thin;
  height: 240px;
}

.overlay-api-call .area > *:last-child:not(.ds-pointer) {
  height: 284px;
  line-break: normal;
  white-space: pre;
}

.overlay-api-call .area + .area {
  margin-top: 16px;
}

.overlay-api-call .area svg {
  cursor: pointer;
}

.overlay-api-call .api-switch {
  -ms-flex-pack: end;
      justify-content: flex-end;
  width: 100%;
  margin-bottom: 4px;
}

.overlay-export .one-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
  -ms-flex-align: start;
      align-items: flex-start;
}

.overlay-export .one-column > .overlay-input {
  width: 313px;
}

.overlay-export .two-columns {
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.overlay-export .report-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.overlay-export .export-date {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.overlay-export .export-status {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  gap: 16px;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-item-align: end;
      align-self: flex-end;
  white-space: normal;
}

.overlay-export .export-status .loading {
  margin-left: 32px;
  height: 36px;
}

.overlay-export .export-inputs {
  display: -ms-flexbox;
  display: flex;
  width: 313px;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 16px;
}

.overlay-export .export-inputs .title-warning {
  color: #F11B1B;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  width: 100%;
}

.overlay-export .export-inputs .close-icon {
  color: #FFFFFF;
  background-color: #F11B1B;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 50%;
}

.overlay-export .export-inputs .input-error {
  border: 1px solid #F11B1B;
}

.overlay-export .export-input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.overlay-export .export-input .dsa-select-box {
  background: #FDFDFD;
}

.overlay-export .export-input .dsa-button-label-small,
.overlay-export .export-input .dsa-text-button-small,
.overlay-export .export-input .dsa-text-button-transparent-small {
  white-space: normal;
  margin-top: 12px;
}

.overlay-export .append-switch {
  margin-top: 8px;
}

.overlay-export .export-button-bar {
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin-top: 24px;
}

.overlay-export .export-button-bar .dsa-button-secondary {
  background-color: transparent;
  padding-right: 16px;
}

.overlay-export .export-button-bar .dsa-button-primary,
.overlay-export .export-button-bar .dsm-upgrade-info > div > button,
.overlay-export .export-button-bar .dsm-upgrade-info > button {
  gap: 8px;
  padding: 0 0 0 16px;
}

.overlay-export .tooltip-right {
  color: #222222;
}

.overlay-export .export-textarea {
  padding: 8px 12px;
  width: 500px;
  height: 182px;
  resize: none;
  scrollbar-width: thin;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.overlay-input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.overlay-input > div > input {
  height: 40px;
  max-width: 500px;
  width: 313px;
  padding: 8px 12px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.overlay-input .title-warning {
  color: #F11B1B;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  width: 100%;
}

.overlay-input .close-icon {
  color: #FFFFFF;
  background-color: #F11B1B;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 50%;
}

.overlay-input .input-error {
  border: 1px solid #F11B1B;
}

.overlay-report-view .label-input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 4px;
}

.overlay-report-view .label-input > div:first-child {
  font-size: 14px;
  font-weight: 500;
  color: #222222;
}

.overlay-report-view .label-input > input {
  width: 320px;
  height: 42px;
  border-color: #CFCFCF;
  background-color: #FDFDFD;
}

.overlay-report-view .label-input > input:focus {
  border-color: #1B76F0;
}

.overlay-report-view .overlay-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
}

.overlay-report-view .toggle-list {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 320px;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
}

.overlay-report-view .toggle-list label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.overlay-report-view .toggle-list label > span {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.overlay-report-view .time-period > div {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-align: center;
      align-items: center;
}

.overlay-report-view .button-bar {
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.overlay-report-view .button-bar .dsa-button-secondary {
  background-color: transparent;
  padding-right: 16px;
}

.overlay-report-view .button-bar .dsa-button-primary,
.overlay-report-view .button-bar .dsm-upgrade-info > div > button,
.overlay-report-view .button-bar .dsm-upgrade-info > button {
  gap: 8px;
  padding: 0 0 0 16px;
}

.overlay-report-view .ds-info-box,
.overlay-report-view .dsm-upgrade-info {
  width: 520px;
  white-space: normal;
}

.overlay-report-view .input-error {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #FD5555;
  font-size: 13px;
  font-weight: 500;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.date-input .di-input,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.date-input .di-input {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.date-input {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-align: center;
      align-items: center;
}

.date-input .di-compare {
  padding-left: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.date-input .di-compare label.input-checkbox {
  gap: 4px;
}

.date-input .di-input {
  border: 1px solid #CFCFCF;
  padding: 2px 4px;
  border-radius: 4px;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.main-overlay .overlay-feedback,
.main-overlay .overlay-help {
  min-width: 1024px;
}

.main-overlay .overlay-feedback .form-group,
.main-overlay .overlay-help .form-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
}

.main-overlay .overlay-feedback .form-group label,
.main-overlay .overlay-help .form-group label {
  font-weight: 600;
  color: var(--text-primary);
}

.main-overlay .overlay-feedback .feedback-form,
.main-overlay .overlay-help .feedback-form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 24px;
}

.main-overlay .overlay-feedback .feedback-form .ds-input-text,
.main-overlay .overlay-help .feedback-form .ds-input-text {
  width: 500px;
}

.main-overlay .overlay-feedback .feedback-form .fb-textarea,
.main-overlay .overlay-help .feedback-form .fb-textarea {
  width: 100%;
}

.main-overlay .overlay-feedback .support-bottom,
.main-overlay .overlay-help .support-bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.overlay-help div {
  white-space: normal;
}

.overlay-help .ds-info-box,
.overlay-help .dsm-upgrade-info {
  max-width: initial;
}

.overlay-help .ds-info-box > svg,
.overlay-help .dsm-upgrade-info > svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: center;
      align-self: center;
}

.overlay-help div + div {
  margin-top: 6px;
}

.overlay-help .overlay-title + div {
  margin-top: 20px;
}

.overlay-help div + .dsa-text-bold,
.overlay-help div + .dsa-text-bold-italic,
.overlay-help div + .dsm-side-bar-link,
.overlay-help div + .ds-toggle-label,
.overlay-help div + .ds-dropdown-menu-item.active,
.overlay-help div + .active.ds-dropdown-menu-entry,
.overlay-help div + .ds-snack-green,
.overlay-help .ds-snack-bar > div + div,
.overlay-help div + .ds-snack-error,
.overlay-help div + .ds-snack-blue {
  margin-top: 16px;
}

.overlay-help .dsa-text-bold + div,
.overlay-help .dsa-text-bold-italic + div,
.overlay-help .dsm-side-bar-link + div,
.overlay-help .ds-toggle-label + div,
.overlay-help .ds-dropdown-menu-item.active + div,
.overlay-help .active.ds-dropdown-menu-entry + div,
.overlay-help .ds-snack-green + div,
.overlay-help .ds-snack-bar > div + div,
.overlay-help .ds-snack-error + div,
.overlay-help .ds-snack-blue + div {
  margin-top: 10px;
}

.overlay-help .top-flop-help {
  width: 1024px;
}

.overlay-help .help-overlay__separator {
  margin: 50px 0;
  border-color: #888;
}

.top-flop-help .top-flop-help__item .top-flop-help__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.top-flop-help .top-flop-help__item .top-flop-help__row ul {
  padding-left: 20px;
  line-height: 2;
}

.top-flop-help .top-flop-help__item .top-flop-help__row .top-flop-help__characteristics {
  margin: 0 20px;
  width: 180px;
}

.top-flop-help .top-flop-help__item .top-flop-help__row .top-flop-help__reasons {
  -ms-flex: 1 1;
      flex: 1 1;
}

.top-flop-help .top-flop-help__item .top-flop-help__row .top-flop-help__reasons > div > p:not(:last-child) {
  margin-bottom: 15px;
}

.top-flop-help .top-flop-help__item .top-flop-help__row .top-flop-help__characteristics,
.top-flop-help .top-flop-help__item .top-flop-help__row .top-flop-help__reasons {
  padding-top: 20px;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total,
.main-overlay .segment-overlay,
.main-overlay .dimension-overlay {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf,
.attribute-anchor .attribute-shadow > .content {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient,
.main-overlay .segment-overlay,
.main-overlay .dimension-overlay {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total,
.main-overlay .segment-overlay,
.main-overlay .dimension-overlay {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf,
.attribute-anchor .attribute-shadow > .content {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient,
.main-overlay .segment-overlay,
.main-overlay .dimension-overlay {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.attribute-anchor .attribute-shadow > .content {
  background-color: transparent;
  border: none;
  max-height: calc(60vh - 50px);
  overflow: auto;
  scrollbar-width: thin;
  padding: 0;
}

.attribute-anchor .attribute-shadow > .content > div {
  padding: 0;
  min-width: 10px;
  background-color: transparent;
}

.main-overlay .segment-overlay,
.main-overlay .dimension-overlay {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 16px;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  background: var(--grid-box-bg-sub);
}

.main-overlay .segment-overlay .dimension-frame,
.main-overlay .dimension-overlay .dimension-frame {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 16px 16px 16px 32px;
  max-height: calc(100vh - 8px);
  overflow: hidden;
  gap: 24px;
  background: var(--grid-box-bg-main);
  border-radius: 12px;
}

.main-overlay .segment-overlay .dimension-frame > div,
.main-overlay .dimension-overlay .dimension-frame > div {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.main-overlay .segment-overlay .dimension-frame > div.dialog-content,
.main-overlay .dimension-overlay .dimension-frame > div.dialog-content {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  overflow: auto;
  scrollbar-width: thin;
}

.main-overlay .segment-overlay .dialog-title,
.main-overlay .dimension-overlay .dialog-title {
  color: #222222;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 133.333% */
  white-space: nowrap;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.main-overlay .segment-overlay .dimension-button-bar,
.main-overlay .dimension-overlay .dimension-button-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.main-overlay .segment-overlay .dimension-button-bar div:last-child,
.main-overlay .dimension-overlay .dimension-button-bar div:last-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.main-overlay .segment-overlay .dimension-button-bar button,
.main-overlay .dimension-overlay .dimension-button-bar button {
  height: 35px;
  line-height: 19px;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.main-overlay .segment-overlay .dimension-button-bar button.dsa-button-primary,
.main-overlay .segment-overlay .dimension-button-bar .dsm-upgrade-info > div > button,
.main-overlay .segment-overlay .dimension-button-bar .dsm-upgrade-info > button,
.main-overlay .dimension-overlay .dimension-button-bar button.dsa-button-primary,
.main-overlay .dimension-overlay .dimension-button-bar .dsm-upgrade-info > div > button,
.main-overlay .dimension-overlay .dimension-button-bar .dsm-upgrade-info > button {
  width: 108px;
  color: #FFFFFF;
  border-radius: 4px;
}

.main-overlay .segment-overlay .dimension-button-bar button.dsa-button-secondary-small,
.main-overlay .dimension-overlay .dimension-button-bar button.dsa-button-secondary-small {
  padding: 0 8px;
  border-color: #C7CBD0;
  color: #3F424A;
}

.main-overlay .segment-overlay .max-hint,
.main-overlay .dimension-overlay .max-hint {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.main-overlay .segment-overlay .max-hint .ds-snack-blue,
.main-overlay .dimension-overlay .max-hint .ds-snack-blue {
  margin: 0 20px 12px;
  white-space: nowrap;
}

.main-overlay .segment-overlay .tooltipContainer > span,
.main-overlay .dimension-overlay .tooltipContainer > span {
  width: initial;
}

.main-overlay .segment-overlay .dimension-wrapper,
.main-overlay .dimension-overlay .dimension-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 24px;
}

.main-overlay .segment-overlay .dimension-col,
.main-overlay .dimension-overlay .dimension-col {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 24px;
  width: 260px;
  overflow: hidden;
}

.main-overlay .segment-overlay .dimension-col .marked,
.main-overlay .dimension-overlay .dimension-col .marked {
  background-color: #F11B1B40;
}

.main-overlay .segment-overlay .dimension-block,
.main-overlay .dimension-overlay .dimension-block {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 12px;
  font-size: 13px;
  line-height: 16px;
}

.main-overlay .segment-overlay .dimension-block .dimension-group,
.main-overlay .dimension-overlay .dimension-block .dimension-group {
  background-color: var(--grid-box-bg-sub);
  border-radius: 8px;
  padding: 16px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 2px;
}

.main-overlay .segment-overlay .dimension-block .dimension-item,
.main-overlay .dimension-overlay .dimension-block .dimension-item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 22px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  cursor: pointer;
  font-weight: 600;
  color: #262626;
  padding-right: 16px;
  white-space: nowrap;
}

.main-overlay .segment-overlay .dimension-block .dimension-item .dsa-info-bold,
.main-overlay .segment-overlay .dimension-block .dimension-item .dsa-button-primary-small,
.main-overlay .segment-overlay .dimension-block .dimension-item .dsa-button-secondary-small,
.main-overlay .segment-overlay .dimension-block .dimension-item .ds-combi-input,
.main-overlay .dimension-overlay .dimension-block .dimension-item .dsa-info-bold,
.main-overlay .dimension-overlay .dimension-block .dimension-item .dsa-button-primary-small,
.main-overlay .dimension-overlay .dimension-block .dimension-item .dsa-button-secondary-small,
.main-overlay .dimension-overlay .dimension-block .dimension-item .ds-combi-input {
  letter-spacing: 0%;
}

.main-overlay .segment-overlay .dimension-block .dimension-item .upgrade-popover,
.main-overlay .dimension-overlay .dimension-block .dimension-item .upgrade-popover {
  position: relative;
  width: 18px;
  height: 18px;
}

.main-overlay .segment-overlay .dimension-block .dimension-item .info:before,
.main-overlay .dimension-overlay .dimension-block .dimension-item .info:before {
  vertical-align: -2px;
}

.main-overlay .segment-overlay .dimension-block .dimension-item .icon,
.main-overlay .dimension-overlay .dimension-block .dimension-item .icon {
  margin-left: 4px;
  display: inline-block;
  font-size: 9px;
  height: 14px;
  width: 10px;
  color: transparent;
}

.main-overlay .segment-overlay .dimension-block .dimension-item:hover,
.main-overlay .dimension-overlay .dimension-block .dimension-item:hover {
  color: #F24E1E;
}

.main-overlay .segment-overlay .dimension-block .dimension-item:hover .dsa-info-bold,
.main-overlay .segment-overlay .dimension-block .dimension-item:hover .dsa-button-primary-small,
.main-overlay .segment-overlay .dimension-block .dimension-item:hover .dsa-button-secondary-small,
.main-overlay .segment-overlay .dimension-block .dimension-item:hover .ds-combi-input,
.main-overlay .dimension-overlay .dimension-block .dimension-item:hover .dsa-info-bold,
.main-overlay .dimension-overlay .dimension-block .dimension-item:hover .dsa-button-primary-small,
.main-overlay .dimension-overlay .dimension-block .dimension-item:hover .dsa-button-secondary-small,
.main-overlay .dimension-overlay .dimension-block .dimension-item:hover .ds-combi-input {
  color: #F24E1E;
}

.main-overlay .segment-overlay .dimension-block .dimension-item.disabled,
.main-overlay .dimension-overlay .dimension-block .dimension-item.disabled {
  cursor: default;
  color: #B0B0B0;
}

.main-overlay .segment-overlay .dimension-block .dimension-item.disabled:hover,
.main-overlay .dimension-overlay .dimension-block .dimension-item.disabled:hover {
  color: #B0B0B0;
}

.main-overlay .segment-overlay .dimension-block .dimension-item.active,
.main-overlay .dimension-overlay .dimension-block .dimension-item.active {
  display: -ms-flexbox;
  display: flex;
  width: initial;
  padding: 4px 8px;
  height: 22px;
  color: #FFFFFF;
  background: #F24E1E;
  border-radius: 32px;
}

.main-overlay .segment-overlay .dimension-block .dimension-item.active:hover,
.main-overlay .dimension-overlay .dimension-block .dimension-item.active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.main-overlay .segment-overlay .dimension-block .dimension-item.active .dsa-info-bold,
.main-overlay .segment-overlay .dimension-block .dimension-item.active .dsa-button-primary-small,
.main-overlay .segment-overlay .dimension-block .dimension-item.active .dsa-button-secondary-small,
.main-overlay .segment-overlay .dimension-block .dimension-item.active .ds-combi-input,
.main-overlay .segment-overlay .dimension-block .dimension-item.active .icon,
.main-overlay .dimension-overlay .dimension-block .dimension-item.active .dsa-info-bold,
.main-overlay .dimension-overlay .dimension-block .dimension-item.active .dsa-button-primary-small,
.main-overlay .dimension-overlay .dimension-block .dimension-item.active .dsa-button-secondary-small,
.main-overlay .dimension-overlay .dimension-block .dimension-item.active .ds-combi-input,
.main-overlay .dimension-overlay .dimension-block .dimension-item.active .icon {
  color: inherit;
}

.main-overlay .segment-overlay .dimension-block .dimension-item {
  max-width: 100%;
  overflow: hidden;
}

.main-overlay .segment-overlay .dimension-block .dimension-item span {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.main-overlay .segment-overlay .dimension-block .dimension-item i {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.main-overlay .segment-overlay .dimension-col + .dimension-col:last-child {
  width: 260px;
}

.main-overlay .segment-overlay .dimension-col:last-child {
  width: initial;
  max-width: 600px;
}

.main-overlay .segment-overlay .no-segments {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 24px;
}

.main-overlay .segment-overlay .no-segments > div {
  width: 402px;
  white-space: normal;
}

.main-overlay .segment-overlay .no-segments .info-image {
  width: 201px;
  height: 184px;
}

.dimension-dialog .tooltipContainer > span {
  width: initial;
}

.dimension-dialog .dimension-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 80px;
  margin: 20px 40px 12px 24px;
}

.dimension-dialog .dimension-col {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 24px;
}

.dimension-dialog .dimension-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 8px;
  font-size: 13px;
  line-height: 16px;
}

.dimension-dialog .dimension-block h2 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  white-space: nowrap;
  text-transform: uppercase;
  color: #255B67;
}

.dimension-dialog .dimension-block .dimension-item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  cursor: pointer;
  font-weight: 600;
  color: #262626;
  padding-right: 16px;
  white-space: nowrap;
}

.dimension-dialog .dimension-block .dimension-item .upgrade-popover {
  position: relative;
  width: 18px;
  height: 18px;
}

.dimension-dialog .dimension-block .dimension-item .info:before {
  vertical-align: -2px;
}

.dimension-dialog .dimension-block .dimension-item .icon {
  margin-left: 4px;
  display: inline-block;
  font-size: 9px;
  height: 14px;
  width: 10px;
  color: transparent;
}

.dimension-dialog .dimension-block .dimension-item:hover {
  color: #F24E1E;
}

.dimension-dialog .dimension-block .dimension-item.disabled {
  cursor: default;
  color: #B0B0B0;
}

.dimension-dialog .dimension-block .dimension-item.disabled:hover {
  color: #B0B0B0;
}

.dimension-dialog .dimension-block .dimension-item.active {
  display: -ms-flexbox;
  display: flex;
  width: initial;
  padding: 4px 8px;
  height: 24px;
  color: #FFFFFF;
  background: #F24E1E;
  border-radius: 32px;
}

.dimension-dialog .dimension-block .dimension-item.active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.dimension-dialog .dimension-block .dimension-item.active .dsa-info-bold,
.dimension-dialog .dimension-block .dimension-item.active .dsa-button-primary-small,
.dimension-dialog .dimension-block .dimension-item.active .dsa-button-secondary-small,
.dimension-dialog .dimension-block .dimension-item.active .ds-combi-input,
.dimension-dialog .dimension-block .dimension-item.active .icon {
  color: inherit;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.grid-menu .grid-menu-item:not(.column-break):hover {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4,
.balloon-menu .content > div,
.grid-menu .grid-menu-wrapper {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total,
.balloon-menu .content,
.grid-menu {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow,
.sub-menu .active.main-menu-item,
.sub-menu .active.main-menu-item-label,
.main-menu .active.main-menu-item,
.main-menu .active.main-menu-item-label,
.balloon-menu .active.sub-menu-item {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient,
.balloon-menu .content,
.grid-menu {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.grid-menu .grid-menu-item:not(.column-break):hover {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4,
.balloon-menu .content > div,
.grid-menu .grid-menu-wrapper {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total,
.balloon-menu .content,
.grid-menu {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow,
.sub-menu .active.main-menu-item,
.sub-menu .active.main-menu-item-label,
.main-menu .active.main-menu-item,
.main-menu .active.main-menu-item-label,
.balloon-menu .active.sub-menu-item {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient,
.balloon-menu .content,
.grid-menu {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.sub-menu .sub-menu-label,
.main-menu .sub-menu-label,
.sub-menu .sub-menu-title,
.main-menu .sub-menu-title,
.sub-menu .main-menu-item.add-button,
.sub-menu .add-button.main-menu-item-label,
.sub-menu .main-menu .add-button.main-menu-item-label,
.main-menu .sub-menu .add-button.main-menu-item-label,
.main-menu .main-menu-item.add-button,
.main-menu .add-button.main-menu-item-label,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.grid-menu .grid-menu-item:not(.column-break),
.dsa-nav-link,
.sub-menu .main-menu-item,
.sub-menu .main-menu-item-label,
.main-menu .main-menu-item,
.main-menu .main-menu-item-label,
.balloon-menu .sub-menu-item,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold,
.sub-menu .sub-menu-label,
.main-menu .sub-menu-label,
.sub-menu .sub-menu-title,
.main-menu .sub-menu-title,
.sub-menu .main-menu-item.add-button,
.sub-menu .add-button.main-menu-item-label,
.sub-menu .main-menu .add-button.main-menu-item-label,
.main-menu .sub-menu .add-button.main-menu-item-label,
.main-menu .main-menu-item.add-button,
.main-menu .add-button.main-menu-item-label {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item,
.grid-menu .grid-menu-item:not(.column-break) {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link,
.sub-menu .main-menu-item,
.sub-menu .main-menu-item-label,
.main-menu .main-menu-item,
.main-menu .main-menu-item-label,
.balloon-menu .sub-menu-item {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.grid-menu .grid-menu-item:not(.column-break):hover {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4,
.balloon-menu .content > div,
.grid-menu .grid-menu-wrapper {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total,
.balloon-menu .content,
.grid-menu {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow,
.sub-menu .active.main-menu-item,
.sub-menu .active.main-menu-item-label,
.main-menu .active.main-menu-item,
.main-menu .active.main-menu-item-label,
.balloon-menu .active.sub-menu-item {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient,
.balloon-menu .content,
.grid-menu {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.sub-menu .main-menu-item,
.sub-menu .main-menu-item-label,
.main-menu .main-menu-item,
.main-menu .main-menu-item-label,
.balloon-menu .sub-menu-item {
  color: var(--dashboard-text-light);
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  height: 36px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  cursor: pointer;
}

.sub-menu .text-black.main-menu-item,
.sub-menu .text-black.main-menu-item-label,
.main-menu .text-black.main-menu-item,
.main-menu .text-black.main-menu-item-label,
.balloon-menu .text-black.sub-menu-item {
  color: var(--dashboard-text);
}

.sub-menu .active.main-menu-item,
.sub-menu .active.main-menu-item-label,
.main-menu .active.main-menu-item,
.main-menu .active.main-menu-item-label,
.balloon-menu .active.sub-menu-item {
  border-radius: 8px;
  background: var(--dashboard-mainc-bg);
  color: var(--dashboard-text);
}

.sub-menu .inactive.main-menu-item,
.sub-menu .inactive.main-menu-item-label,
.main-menu .inactive.main-menu-item,
.main-menu .inactive.main-menu-item-label,
.balloon-menu .inactive.sub-menu-item {
  color: #7B8595;
  cursor: default;
}

.sub-menu .main-menu-item .menu-icon,
.sub-menu .main-menu-item-label .menu-icon,
.main-menu .main-menu-item .menu-icon,
.main-menu .main-menu-item-label .menu-icon,
.balloon-menu .sub-menu-item .menu-icon {
  color: var(--dashboard-text);
  font-size: 16px;
  line-height: 1;
}

.sub-menu .main-menu-item > .delete-icon,
.sub-menu .main-menu-item-label > .delete-icon,
.main-menu .main-menu-item > .delete-icon,
.main-menu .main-menu-item-label > .delete-icon,
.balloon-menu .sub-menu-item > .delete-icon {
  -ms-flex-positive: 1;
      flex-grow: 1;
  text-align: end;
}

.sub-menu .main-menu-item > svg,
.sub-menu .main-menu-item-label > svg,
.main-menu .main-menu-item > svg,
.main-menu .main-menu-item-label > svg,
.balloon-menu .sub-menu-item > svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.sub-menu .main-menu-item .dynamic-content,
.sub-menu .main-menu-item-label .dynamic-content,
.main-menu .main-menu-item .dynamic-content,
.main-menu .main-menu-item-label .dynamic-content,
.balloon-menu .sub-menu-item .dynamic-content,
.sub-menu .main-menu-item .ga-reports,
.sub-menu .main-menu-item-label .ga-reports,
.main-menu .main-menu-item .ga-reports,
.main-menu .main-menu-item-label .ga-reports,
.balloon-menu .sub-menu-item .ga-reports {
  font-weight: 500;
}

.lunar-menu,
main-menu {
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  width: 234px;
  height: 100vh;
  -webkit-transition: width 0.8s;
  -o-transition: width 0.8s;
  transition: width 0.8s;
}

.lunar-menu.collapsed,
main-menu.collapsed {
  width: 60px;
}

.lunar-menu.collapsed.trackY,
main-menu.collapsed.trackY {
  width: 72px;
}

.sub-menu,
.main-menu {
  white-space: nowrap;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 100%;
  padding: 8px 12px;
  color: #3F424A;
  cursor: default;
}

.sub-menu .main-menu-collapse,
.main-menu .main-menu-collapse {
  cursor: pointer;
  height: 24px;
  padding-left: 8px;
  color: var(--dashboard-text-light);
}

.sub-menu .main-menu-scroll,
.main-menu .main-menu-scroll {
  width: 100%;
  height: calc(100% - 36px);
  -ms-flex-negative: 1;
      flex-shrink: 1;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
}

.sub-menu .main-menu-content,
.main-menu .main-menu-content {
  width: 100%;
  min-height: calc(100vh - 54px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.sub-menu .nav-left-wrapper,
.main-menu .nav-left-wrapper {
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
}

.sub-menu .nav-left-wrapper .bell,
.main-menu .nav-left-wrapper .bell {
  position: absolute;
  top: 0;
  right: 4px;
  padding: 8px;
  cursor: pointer;
}

.sub-menu .nav-left-wrapper .bell .bell-alert,
.main-menu .nav-left-wrapper .bell .bell-alert {
  position: absolute;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  top: 0;
  right: 0;
  width: 12px;
  height: 12px;
  font-size: 8px;
  border-radius: 50%;
  color: #FFFFFF;
  background-color: #F24E1E;
}

.sub-menu .sub-menu-label,
.main-menu .sub-menu-label {
  padding: 0 12px 4px;
}

.sub-menu .sub-menu-label,
.main-menu .sub-menu-label {
  padding-left: 0;
  font-weight: 800;
}

.sub-menu .sub-menu-title,
.main-menu .sub-menu-title {
  padding: 12px;
}

.sub-menu .sub-menu-inner,
.main-menu .sub-menu-inner {
  width: 100%;
}

.sub-menu .sub-menu-inner-ownReports .add-button + .sub-menu-group,
.main-menu .sub-menu-inner-ownReports .add-button + .sub-menu-group {
  margin-top: 0;
}

.sub-menu .main-menu-item.add-button.add-button.add-button,
.sub-menu .add-button.add-button.add-button.main-menu-item-label,
.main-menu .main-menu-item.add-button.add-button.add-button,
.main-menu .add-button.add-button.add-button.main-menu-item-label {
  padding: 0 12px 4px 0;
  font-weight: 800;
}

.sub-menu .main-menu-item.add-button.add-button.add-button:hover,
.sub-menu .add-button.add-button.add-button.main-menu-item-label:hover,
.main-menu .main-menu-item.add-button.add-button.add-button:hover,
.main-menu .add-button.add-button.add-button.main-menu-item-label:hover {
  color: #F24E1E;
}

.sub-menu .main-menu-item .menu-item-right,
.sub-menu .main-menu-item-label .menu-item-right,
.main-menu .main-menu-item .menu-item-right,
.main-menu .main-menu-item-label .menu-item-right {
  -ms-flex-positive: 1;
      flex-grow: 1;
  text-align: right;
}

.sub-menu .main-menu-item .menu-item-right.upgrade-icon,
.sub-menu .main-menu-item-label .menu-item-right.upgrade-icon,
.main-menu .main-menu-item .menu-item-right.upgrade-icon,
.main-menu .main-menu-item-label .menu-item-right.upgrade-icon {
  color: #7B8595;
}

.sub-menu .main-menu-item:hover:not(.inactive),
.sub-menu .main-menu-item-label:hover:not(.inactive),
.main-menu .main-menu-item:hover:not(.inactive),
.main-menu .main-menu-item-label:hover:not(.inactive) {
  font-weight: 700;
}

.sub-menu .main-menu-item:hover:not(.inactive) .menu-item-right.upgrade-icon,
.sub-menu .main-menu-item-label:hover:not(.inactive) .menu-item-right.upgrade-icon,
.main-menu .main-menu-item:hover:not(.inactive) .menu-item-right.upgrade-icon,
.main-menu .main-menu-item-label:hover:not(.inactive) .menu-item-right.upgrade-icon {
  color: #F24E1E;
}

.sub-menu .main-menu-item:hover:not(.inactive) .star-icon,
.sub-menu .main-menu-item-label:hover:not(.inactive) .star-icon,
.main-menu .main-menu-item:hover:not(.inactive) .star-icon,
.main-menu .main-menu-item-label:hover:not(.inactive) .star-icon {
  opacity: 1;
}

.sub-menu .main-menu-item:hover:not(.inactive) .menu-icon > svg,
.sub-menu .main-menu-item-label:hover:not(.inactive) .menu-icon > svg,
.main-menu .main-menu-item:hover:not(.inactive) .menu-icon > svg,
.main-menu .main-menu-item-label:hover:not(.inactive) .menu-icon > svg {
  -webkit-filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
}

.sub-menu .main-menu-item:hover:not(.inactive) .menu-icon > span,
.sub-menu .main-menu-item-label:hover:not(.inactive) .menu-icon > span,
.main-menu .main-menu-item:hover:not(.inactive) .menu-icon > span,
.main-menu .main-menu-item-label:hover:not(.inactive) .menu-icon > span {
  font-weight: 700;
}

.sub-menu .main-menu-item .menu-item-hover,
.sub-menu .main-menu-item-label .menu-item-hover,
.main-menu .main-menu-item .menu-item-hover,
.main-menu .main-menu-item-label .menu-item-hover {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.sub-menu .main-menu-item-label,
.main-menu .main-menu-item-label {
  cursor: default;
}

.sub-menu .main-menu-item-label:hover:not(.inactive),
.main-menu .main-menu-item-label:hover:not(.inactive) {
  font-weight: 400;
}

.sub-menu .main-menu-item-label:hover:not(.inactive) .menu-icon > svg,
.main-menu .main-menu-item-label:hover:not(.inactive) .menu-icon > svg {
  -webkit-filter: none;
          filter: none;
}

.sub-menu .menu-icon,
.main-menu .menu-icon {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 20px;
}

.sub-menu .menu-icon > svg,
.main-menu .menu-icon > svg {
  fill: none;
}

.sub-menu .logo,
.main-menu .logo {
  width: 121px;
  overflow: hidden;
  -webkit-transition: width 0.8s;
  -o-transition: width 0.8s;
  transition: width 0.8s;
  padding-left: 8px;
}

.sub-menu .balloon-menu,
.main-menu .balloon-menu {
  left: calc(100% - 24px);
  top: 0;
  bottom: 0;
  white-space: nowrap;
}

.sub-menu .star-icon,
.main-menu .star-icon {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  height: 17px;
}

.sub-menu .star-icon > svg,
.main-menu .star-icon > svg {
  fill: none;
}

.sub-menu .star-icon.filled,
.main-menu .star-icon.filled {
  opacity: 1;
}

.sub-menu .star-icon.filled > svg,
.main-menu .star-icon.filled > svg {
  fill: currentColor;
}

.balloon-menu {
  position: absolute;
  z-index: 11000;
  opacity: 0;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.balloon-menu.active {
  opacity: 1;
}

.balloon-menu .close-x {
  cursor: pointer;
}

.balloon-menu .sub-menu-title {
  padding: 0 0 12px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 1px solid #CFCFCF;
}

.balloon-menu .sub-menu-group {
  margin-top: 24px;
}

.balloon-menu .content {
  position: absolute;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 16px;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  background: var(--grid-box-bg-sub);
}

.balloon-menu .content > div:not(.report-view-list) {
  min-width: 250px;
}

.balloon-menu .content > div {
  max-height: 100%;
  width: initial;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 16px 16px 32px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 12px;
  background: var(--dashboard-attr-bg);
}

.balloon-menu .content > div.wide {
  min-width: 270px;
}

.balloon-menu .content > div.wider {
  min-width: 300px;
}

.balloon-menu .content > div.widest {
  min-width: 480px;
}

.balloon-menu .content > div.account {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: initial;
  padding: initial;
}

.balloon-menu .content > div.no-padding {
  width: initial;
  padding: initial;
}

.balloon-menu .content .report-view-list {
  padding: 0;
}

.balloon-menu .content .flex-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

.grid-menu {
  position: fixed;
  left: 206px;
  width: 1178px;
  bottom: 10px;
  padding: 4px;
  border-radius: 16px;
}

.grid-menu .grid-menu-wrapper {
  height: 100%;
  border-radius: 12px;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  position: relative;
}

.grid-menu .grid-menu-wrapper .close-x {
  position: absolute;
  top: 8px;
  right: 15px;
  cursor: pointer;
  z-index: 2;
}

.grid-menu .grid-content {
  width: 100%;
  overflow: hidden;
}

.grid-menu .grid-content > div {
  display: grid;
  grid-template-columns: calc(25% - 18px) calc(25% - 18px) calc(25% - 18px) calc(25% - 18px);
  gap: 24px;
  padding: 16px 16px 16px 32px;
  border-radius: 12px;
  background: var(--grid-box-bg-main);
  max-height: calc(100vh - 80px);
  overflow: auto;
  scrollbar-width: thin;
}

.grid-menu .grid-group {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 100%;
}

.grid-menu .grid-group-autoTracking {
  grid-column-end: span 2;
}

.grid-menu .grid-group-autoTracking .grid-group-inner {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-height: 330px;
}

.grid-menu .grid-group-autoTracking .grid-group-inner > div:not(.column-break) {
  width: 50%;
  white-space: wrap;
}

.grid-menu .grid-group-dateEnrichment {
  grid-column-end: span 3;
}

.grid-menu .grid-group-dateEnrichment .grid-group-inner {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-height: 330px;
}

.grid-menu .grid-group-dateEnrichment .grid-group-inner > div:not(.column-break) {
  width: 50%;
  white-space: wrap;
}

.grid-menu .grid-group-inner {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 8px;
  width: 100%;
  background-color: var(--grid-box-bg-sub);
}

.grid-menu .grid-menu-item:not(.column-break) {
  width: 100%;
  overflow: hidden;
  white-space: wrap;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 12px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: transparent;
}

.grid-menu .grid-menu-item:not(.column-break):hover {
  background: var(--grid-box-bg-main);
}

.grid-menu .grid-menu-item:not(.column-break) > div {
  width: 100%;
}

.grid-menu .grid-menu-item:not(.column-break) > .dsa-nav-item,
.grid-menu .grid-menu-item:not(.column-break) > .grid-menu-item:not(.column-break) {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.grid-menu .grid-menu-item:not(.column-break) > .dsa-nav-item .upgrade-icon,
.grid-menu .grid-menu-item:not(.column-break) > .grid-menu-item:not(.column-break) .upgrade-icon {
  -ms-flex-positive: 1;
      flex-grow: 1;
  text-align: right;
  color: #7B8595;
  height: 16px;
}

.grid-menu .grid-menu-item:not(.column-break):hover > .dsa-nav-item .upgrade-icon,
.grid-menu .grid-menu-item:not(.column-break):hover > .grid-menu-item:not(.column-break) .upgrade-icon {
  color: #F24E1E;
}

.grid-menu .column-break {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  width: 0;
}

.collapsed .grid-menu {
  left: 60px;
}

.collapsed.trackY .grid-menu {
  left: 72px;
}

.collapsed .main-menu .logo {
  width: 24px;
}

.collapsed .main-menu .bell {
  top: 4px;
  right: 2px;
}

.collapsed .main-menu .bell svg {
  display: none;
}

.collapsed .main-menu .expanded {
  display: none;
}

.collapsed .main-menu .main-menu-item-label {
  visibility: hidden;
}

.collapsed .main-menu .balloon-menu {
  left: calc(100% - 6px);
}

@media (max-width: 1000px) {
  main-menu {
    display: none;
  }
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.account-logo {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 687px;
  min-height: 200px;
}

.account-logo .ds-options-wrapper {
  background: var(--grid-box-bg-main);
  border-color: var(--grid-box-border);
}

.account-logo .ds-options-wrapper div.dsm-option-item-2.ds-active,
.account-logo .ds-options-wrapper div.dsm-option-item-2:hover {
  background: var(--datepicker-bg-right);
}

.account-logo .dsa-text-button-medium,
.account-logo .dsa-text-button-transparent-medium {
  background: none;
}

.account-logo .dsa-button-primary-medium {
  padding: 8px 12px;
}

.account-logo .preview-area {
  height: 100px;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -ms-flex-align: center;
      align-items: center;
}

.account-logo .preview-area img {
  cursor: default;
}

.account-logo .preview-area svg {
  color: var(--dashboard-text);
}

.account-logo .image-preview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  border-radius: 50%;
}

.account-logo .image-preview > img {
  max-width: 50px;
  max-height: 50px;
}

.account-logo .overlay-title {
  margin-bottom: 12px;
}

.account-logo .crop-area {
  height: 300px;
  width: 100%;
}

.account-logo .crop-toolbar {
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  gap: 8px;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 0 24px;
}

.account-logo .crop-toolbar svg {
  color: var(--dashboard-text-light);
}

.account-logo .crop-toolbar .mirror > svg {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}

.account-logo .crop-toolbar .rotate > svg {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.account-logo .preview-container {
  overflow: hidden;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 12px;
}

.account-logo .preview-container .crop-preview {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.rep-type .upload-frame,
.account-logo .upload-frame {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 24px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.rep-type .upload-frame > label,
.account-logo .upload-frame > label {
  cursor: pointer;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  height: 101px;
  padding: 0 32px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 24px;
  border: 2px dashed #DEE0E2;
  background: var(--grid-box-bg-sub);
}

.rep-type .upload-frame > label .dsa-text-book,
.rep-type .upload-frame > label .dsa-text-book-italic,
.rep-type .upload-frame > label .dsa-radio-tab,
.rep-type .upload-frame > label .dsa-radio-tab-large,
.rep-type .upload-frame > label .ds-formfield,
.rep-type .upload-frame > label .ds-unit-input,
.rep-type .upload-frame > label .ds-input-number,
.rep-type .upload-frame > label .ds-input-text,
.rep-type .upload-frame > label .dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.dropdown .rep-type .upload-frame > label .ds-dropdown-toggle:not(.ds-pure-input),
.rep-type .upload-frame > label .ds-unit-input .ds-pure-input,
.ds-unit-input .rep-type .upload-frame > label .ds-pure-input,
.rep-type .upload-frame > label .dropdown .ds-dropdown-toggle.ds-pure-input,
.dropdown .rep-type .upload-frame > label .ds-dropdown-toggle.ds-pure-input,
.rep-type .upload-frame > label .ds-input-wrapper,
.rep-type .upload-frame > label .ds-dropdown-menu-item,
.rep-type .upload-frame > label .ds-dropdown-menu-entry,
.account-logo .upload-frame > label .dsa-text-book,
.account-logo .upload-frame > label .dsa-text-book-italic,
.account-logo .upload-frame > label .dsa-radio-tab,
.account-logo .upload-frame > label .dsa-radio-tab-large,
.account-logo .upload-frame > label .ds-formfield,
.account-logo .upload-frame > label .ds-unit-input,
.account-logo .upload-frame > label .ds-input-number,
.account-logo .upload-frame > label .ds-input-text,
.account-logo .upload-frame > label .dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.dropdown .account-logo .upload-frame > label .ds-dropdown-toggle:not(.ds-pure-input),
.account-logo .upload-frame > label .ds-unit-input .ds-pure-input,
.ds-unit-input .account-logo .upload-frame > label .ds-pure-input,
.account-logo .upload-frame > label .dropdown .ds-dropdown-toggle.ds-pure-input,
.dropdown .account-logo .upload-frame > label .ds-dropdown-toggle.ds-pure-input,
.account-logo .upload-frame > label .ds-input-wrapper,
.account-logo .upload-frame > label .ds-dropdown-menu-item,
.account-logo .upload-frame > label .ds-dropdown-menu-entry {
  color: var(--dashboard-text);
}

.rep-type .upload-frame > label .dsa-text-bold,
.rep-type .upload-frame > label .dsa-text-bold-italic,
.rep-type .upload-frame > label .dsm-side-bar-link,
.rep-type .upload-frame > label .ds-toggle-label,
.rep-type .upload-frame > label .ds-dropdown-menu-item.active,
.rep-type .upload-frame > label .active.ds-dropdown-menu-entry,
.rep-type .upload-frame > label .ds-snack-green,
.rep-type .upload-frame > label .ds-snack-bar > div,
.rep-type .upload-frame > label .ds-snack-error,
.rep-type .upload-frame > label .ds-snack-blue,
.account-logo .upload-frame > label .dsa-text-bold,
.account-logo .upload-frame > label .dsa-text-bold-italic,
.account-logo .upload-frame > label .dsm-side-bar-link,
.account-logo .upload-frame > label .ds-toggle-label,
.account-logo .upload-frame > label .ds-dropdown-menu-item.active,
.account-logo .upload-frame > label .active.ds-dropdown-menu-entry,
.account-logo .upload-frame > label .ds-snack-green,
.account-logo .upload-frame > label .ds-snack-bar > div,
.account-logo .upload-frame > label .ds-snack-error,
.account-logo .upload-frame > label .ds-snack-blue {
  color: var(--dashboard-text-light);
}

.rep-type .upload-frame .on-drag,
.account-logo .upload-frame .on-drag {
  display: none;
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  width: 40px;
  height: 40px;
  z-index: -1;
}

.rep-type .upload-frame .on-drag upload-icon,
.account-logo .upload-frame .on-drag upload-icon {
  height: 32px;
  width: 32px;
}

.rep-type .upload-frame .drag-over,
.account-logo .upload-frame .drag-over {
  border-color: #3F424A;
  background-color: transparent;
}

.rep-type .upload-frame .drag-over > div:not(.on-drag),
.account-logo .upload-frame .drag-over > div:not(.on-drag) {
  visibility: hidden;
}

.rep-type .upload-frame .drag-over .on-drag,
.account-logo .upload-frame .drag-over .on-drag {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.rep-type .upload-frame .drag-over.uploading .on-drag,
.account-logo .upload-frame .drag-over.uploading .on-drag {
  color: #0AE67C;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.account-entries .account-entry.active {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.account-entries .account-entry.active {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.account-entries .account-entry .account-url,
.dsa-account-x,
.account-entries .settings-account {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link,
.account-entries .account-entry .account-url {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x,
.account-entries .settings-account {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.account-entries .account-entry.active {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.account-entries {
  padding: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 12px;
  overflow-y: hidden;
  overflow-x: visible;
}

.account-entries .domain-icon {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.account-entries .account-entry {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 12px;
  cursor: pointer;
  overflow: hidden;
}

.account-entries .account-entry.active {
  background: var(--grid-box-bg-main);
  color: var(--dashboard-text);
  cursor: default;
}

.account-entries .account-entry.active > svg {
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.account-entries .account-entry.ds-disabled {
  cursor: default;
}

.account-entries .account-entry.ds-disabled .domain-icon {
  background-color: #C7CBD0;
}

.account-entries .account-entry.ds-disabled > div {
  color: #C7CBD0;
}

.account-entries .account-entry > div {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  overflow: hidden;
}

.account-entries .account-entry > div.info-icon {
  -ms-flex-positive: 0;
      flex-grow: 0;
}

.account-entries .account-entry .upper-line {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.account-entries .account-entry .upper-line div:first-child {
  -ms-flex-positive: 1;
      flex-grow: 1;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.account-entries .account-entry .account-url {
  line-height: 18px;
  color: var(--dashboard-text);
}

.account-entries .account-entry.active .check-icon {
  display: inline-block;
}

.account-entries .settings-account {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}

.domain-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #FFFFFF;
  background: #3F424A;
  margin-right: 8px;
}

.domain-icon .domain-logo {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: #3F424A;
}

.check-icon {
  display: none;
  line-height: 1;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp,
.date-ranger .balloon-menu .content {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow,
.date-picker .dp-header .dp-dropdown,
.date-picker .dsa-nav-link.dp-active {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.date-picker .dp-day,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.date-picker .dp-day {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp,
.date-ranger .balloon-menu .content {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow,
.date-picker .dp-header .dp-dropdown,
.date-picker .dsa-nav-link.dp-active {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.date-picker .dp-day.dp-selected:before,
.date-picker .dp-day.dp-selected.dp-other:after,
.date-picker .dp-day.dp-selected.dp-other-start:after,
.date-picker .dp-day.dp-selected.dp-other-end:after,
.date-picker .dp-day.dp-selected.dp-other-start.dp-other-end:after,
.date-picker .dp-day.dp-other:not(.dp-selected):not(.dp-end):not(.dp-start):before,
.date-picker .dp-day.dp-other-start:not(.dp-selected):not(.dp-end):not(.dp-start):before,
.date-picker .dp-day.dp-other-end:not(.dp-selected):not(.dp-end):not(.dp-start):before,
.date-picker .dp-day.dp-start:not(.dp-end):before,
.date-picker .dp-day.dp-start:not(.dp-end):not(.dp-last):not(:last-child):after,
.date-picker .dp-day.dp-start:not(.dp-end).dp-other:not(.dp-last) > div:before,
.date-picker .dp-day.dp-start:not(.dp-end).dp-other:not(.dp-last) > div:after,
.date-picker .dp-day.dp-start:not(.dp-end).dp-other-start:not(.dp-other-end):not(.dp-last):not(:last-child) > div:after,
.date-picker .dp-day.dp-start:not(.dp-end).dp-other-end:not(.dp-other-start) > div:after,
.date-picker .dp-day.dp-end:not(.dp-start):before,
.date-picker .dp-day.dp-end:not(.dp-start):not(.dp-first):not(:first-child):after,
.date-picker .dp-day.dp-end:not(.dp-start).dp-other:not(.dp-first) > div:before,
.date-picker .dp-day.dp-end:not(.dp-start).dp-other:not(.dp-first) > div:after,
.date-picker .dp-day.dp-end:not(.dp-start).dp-other-end:not(.dp-other-start):not(.dp-first):not(:first-child) > div:after,
.date-picker .dp-day.dp-end:not(.dp-start).dp-other-start:not(.dp-other-end) > div:after,
.date-picker .dp-day.dp-start.dp-end:before,
.date-picker .dp-day.dp-start.dp-end.dp-other:after,
.date-picker .dp-day.dp-start.dp-end.dp-other-start:not(.dp-other-end):after,
.date-picker .dp-day.dp-start.dp-end.dp-other-end:not(.dp-other-start):after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  top: 0;
  bottom: 0;
  background-color: var(--datepicker-select-bg);
}

.small-device .date-picker {
  width: 300px;
  -ms-flex-direction: column;
      flex-direction: column;
}

.small-device .date-picker .dp-left {
  width: 100%;
}

.date-picker {
  width: 1166px;
  display: -ms-flexbox;
  display: flex;
}

.date-picker .dp-left {
  display: -ms-flexbox;
  display: flex;
  width: 214px;
  padding: 24px 16px 24px 24px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  background-color: var(--datepicker-bg-left);
}

.date-picker .dp-right {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 24px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -ms-flex-pack: justify;
      justify-content: space-between;
  background-color: var(--datepicker-bg-right);
}

.date-picker .dp-views {
  display: -ms-flexbox;
  display: flex;
}

.date-picker .dp-view {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 24px 32px;
  gap: 16px;
}

.date-picker .dp-view + .dp-view .dp-header .dp-dropdown {
  right: 0;
  left: initial;
}

.date-picker .dp-view + .dp-view .dp-header-wrapper {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

.date-picker .dp-view + .dp-view .dp-header-wrapper .dp-input-wrapper {
  margin-left: -25px;
}

.date-picker .dp-header-wrapper {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.date-picker .dp-header-wrapper .dp-input-wrapper {
  display: inline-block;
  border-radius: 4px;
  height: 40px;
  overflow: hidden;
  position: relative;
  -webkit-clip-path: xywh(0 0 100% 100% round 0 0);
          clip-path: xywh(0 0 100% 100% round 0 0);
}

.date-picker .dp-header-wrapper .dp-input-wrapper input[type="date"] {
  border: none;
  width: auto;
  background: transparent;
  -webkit-transform: translateX(25px);
      -ms-transform: translateX(25px);
          transform: translateX(25px);
}

.date-picker .dp-header-wrapper .dp-input-wrapper input[type="date"] *:focus {
  border: none;
  outline: none;
  display: none;
}

.date-picker .dp-header-wrapper .dp-input-wrapper:before {
  content: ' ';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  left: 25px;
}

@supports not (-moz-appearance: none) {
  .date-picker .dp-header-wrapper .dp-input-wrapper.dp-input-wrapper.dp-input-wrapper {
    margin-left: 0;
  }

  .date-picker .dp-header-wrapper .dp-input-wrapper.dp-input-wrapper.dp-input-wrapper input[type="date"] {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }

  .date-picker .dp-header-wrapper .dp-input-wrapper.dp-input-wrapper.dp-input-wrapper:before {
    left: 0;
  }
}

.date-picker .dp-header-wrapper input[type="date"] {
  padding-right: 4px;
}

.date-picker .dp-header-wrapper input[type="date"]::-webkit-inner-spin-button,
.date-picker .dp-header-wrapper input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

.date-picker .dp-header {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-align: center;
      align-items: center;
}

.date-picker .dp-header > span {
  cursor: pointer;
}

.date-picker .dp-header > span + span > svg {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}

.date-picker .dp-header .dp-chevron {
  display: inline-block;
  height: 16px;
  width: 16px;
}

.date-picker .dp-header .dp-chevron + .dsa-h5,
.date-picker .dp-header .dsm-upgrade-info > div > .dp-chevron + div:first-child {
  min-width: 96px;
}

.date-picker .dp-header .dp-dropdown {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: absolute;
  z-index: 1;
  top: 200%;
  left: 0;
  right: initial;
  background-color: #FFFFFF;
  border-radius: 8px;
  z-index: 3;
  -ms-flex-direction: column;
      flex-direction: column;
  text-align: left;
}

.date-picker .dp-header .dp-dropdown > div {
  padding: 8px 16px;
  cursor: pointer;
}

.date-picker .dp-header .dp-dropdown > div.dp-selected:not(.dp-disabled) {
  color: #F24E1E;
}

.date-picker .dp-header .dp-dropdown > div.dp-disabled {
  color: #CFCFCF;
  cursor: default;
}

.date-picker .dp-header .dp-dropdown.month {
  width: 376px;
  max-height: 120px;
}

.date-picker .dp-header .dp-dropdown.year {
  width: 120px;
  max-height: 80px;
}

.date-picker .dp-footer {
  display: -ms-flexbox;
  display: flex;
  padding: 16px 32px;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-top: 1px solid #CFCFCF;
}

.date-picker .dp-footer button.dsa-text-button-transparent {
  background: none;
  border: none;
}

.date-picker .dp-footer button.dsa-button-primary,
.date-picker .dp-footer .dsm-upgrade-info > div > button,
.date-picker .dp-footer .dsm-upgrade-info > button {
  background-color: var(--datepicker-button);
}

.date-picker .dp-footer button.dsa-button-primary:hover,
.date-picker .dp-footer .dsm-upgrade-info > div > button:hover,
.date-picker .dp-footer .dsm-upgrade-info > button:hover {
  opacity: 0.9;
}

.date-picker .dp-custom {
  text-transform: capitalize;
}

.date-picker .dp-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 4px;
}

.date-picker .dp-days {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 12px 0;
}

.date-picker .dp-days > span {
  display: inline-block;
  width: 40px;
  color: #7B8595;
  text-align: center;
  font-family: Soehne;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  text-transform: uppercase;
}

.date-picker .dp-days > span:first-child {
  width: 20px;
}

.date-picker .dp-week {
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.date-picker .dp-week-number {
  display: inline-block;
  -ms-flex-item-align: center;
      align-self: center;
  width: 20px;
  text-align: center;
  color: #7B8595;
}

.date-picker .dp-day {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  width: 40px;
  z-index: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 20px;
  cursor: pointer;
}

.date-picker .dp-day > div {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

.date-picker .dp-day:hover:not(.dp-disabled):not(.dp-start):not(.dp-end) > div:before {
  position: absolute;
  z-index: 1;
  content: '';
  display: block;
  top: 1px;
  bottom: 1px;
  left: 1px;
  right: 1px;
  border-radius: 20px;
  background-color: rgba(27, 118, 240, 0.5);
}

.date-picker .dp-day.dp-start:hover,
.date-picker .dp-day.dp-end:hover {
  color: #CFCFCF;
}

.date-picker .dp-day.dp-invisible {
  visibility: hidden;
}

.date-picker .dp-day.dp-disabled {
  color: #CFCFCF;
  cursor: default;
}

.date-picker .dp-day.dp-selected {
  position: relative;
}

.date-picker .dp-day.dp-selected:before {
  left: -8px;
  right: -8px;
}

.date-picker .dp-day.dp-selected.dp-other:after {
  background-color: var(--datepicker-select-bg);
  left: -8px;
  right: -8px;
}

.date-picker .dp-day.dp-selected.dp-other-start:after {
  background-color: var(--datepicker-select-bg);
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  left: 0;
  right: -8px;
}

.date-picker .dp-day.dp-selected.dp-other-end:after {
  background-color: var(--datepicker-select-bg);
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  left: -8px;
  right: 0;
}

.date-picker .dp-day.dp-selected.dp-other-start.dp-other-end:after {
  background-color: var(--datepicker-select-bg);
  border-radius: 20px;
  left: 0;
  right: 0;
}

.date-picker .dp-day:not(.dp-selected):not(.dp-end):not(.dp-start).dp-other {
  position: relative;
}

.date-picker .dp-day:not(.dp-selected):not(.dp-end):not(.dp-start).dp-other:before {
  background-color: var(--datepicker-other-bg);
  left: -8px;
  right: -8px;
}

.date-picker .dp-day:not(.dp-selected):not(.dp-end):not(.dp-start).dp-other-start:before,
.date-picker .dp-day:not(.dp-selected):not(.dp-end):not(.dp-start).dp-other-end:before {
  background-color: var(--datepicker-other-bg);
  left: -8px;
  right: -8px;
}

.date-picker .dp-day:not(.dp-selected):not(.dp-end):not(.dp-start).dp-other-start:before {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  left: 0;
}

.date-picker .dp-day:not(.dp-selected):not(.dp-end):not(.dp-start).dp-other-end:before {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  right: 0;
}

.date-picker .dp-day.dp-start,
.date-picker .dp-day.dp-end {
  color: #FFFFFF;
}

.date-picker .dp-day.dp-start:not(.dp-end):before {
  left: 0;
  right: 0;
  background-color: #1B76F0;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.date-picker .dp-day.dp-start:not(.dp-end):not(.dp-last):not(:last-child):after {
  left: 40px;
  right: -8px;
}

.date-picker .dp-day.dp-start:not(.dp-end).dp-other:not(.dp-last) > div:before {
  background-color: var(--datepicker-other-bg);
  left: -8px;
  right: 0;
  z-index: -2;
}

.date-picker .dp-day.dp-start:not(.dp-end).dp-other:not(.dp-last) > div:after {
  background-color: var(--datepicker-select-bg);
  left: 40px;
  right: -8px;
  z-index: 2;
}

.date-picker .dp-day.dp-start:not(.dp-end).dp-other-start:not(.dp-other-end):not(.dp-last):not(:last-child) > div:after {
  background-color: var(--datepicker-select-bg);
  left: 40px;
  right: -8px;
  z-index: 2;
}

.date-picker .dp-day.dp-start:not(.dp-end).dp-other-end:not(.dp-other-start) > div:after {
  background-color: var(--datepicker-other-bg);
  left: 0;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  right: 0;
  z-index: -2;
}

.date-picker .dp-day.dp-start:not(.dp-end).dp-other-end:not(.dp-other-start):not(.dp-first):not(:first-child) > div:after {
  left: -8px;
}

.date-picker .dp-day.dp-end:not(.dp-start):before {
  left: 0;
  right: 0;
  background-color: #1B76F0;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.date-picker .dp-day.dp-end:not(.dp-start):not(.dp-first):not(:first-child):after {
  right: 40px;
  left: -8px;
}

.date-picker .dp-day.dp-end:not(.dp-start).dp-other:not(.dp-first) > div:before {
  background-color: var(--datepicker-other-bg);
  left: 0;
  right: -8px;
  z-index: -2;
}

.date-picker .dp-day.dp-end:not(.dp-start).dp-other:not(.dp-first) > div:after {
  background-color: var(--datepicker-select-bg);
  right: 40px;
  left: -8px;
  z-index: 2;
}

.date-picker .dp-day.dp-end:not(.dp-start).dp-other-end:not(.dp-other-start):not(.dp-first):not(:first-child) > div:after {
  background-color: var(--datepicker-select-bg);
  right: 40px;
  left: -8px;
  z-index: 2;
}

.date-picker .dp-day.dp-end:not(.dp-start).dp-other-start:not(.dp-other-end) > div:after {
  background-color: var(--datepicker-other-bg);
  right: 0;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  left: 0;
  z-index: -2;
}

.date-picker .dp-day.dp-end:not(.dp-start).dp-other-start:not(.dp-other-end):not(.dp-last):not(:last-child) > div:after {
  right: -8px;
}

.date-picker .dp-day.dp-start.dp-end:before {
  left: 0;
  right: 0;
  background-color: #1B76F0;
  border-radius: 20px;
}

.date-picker .dp-day.dp-start.dp-end.dp-other:after {
  background-color: var(--datepicker-other-bg);
  right: -8px;
  left: -8px;
  z-index: -2;
}

.date-picker .dp-day.dp-start.dp-end.dp-other-start:not(.dp-other-end):after {
  background-color: var(--datepicker-other-bg);
  right: 0;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  left: 0;
  z-index: -2;
}

.date-picker .dp-day.dp-start.dp-end.dp-other-start:not(.dp-other-end):not(.dp-last):not(:last-child):after {
  right: -8px;
}

.date-picker .dp-day.dp-start.dp-end.dp-other-end:not(.dp-other-start):after {
  background-color: var(--datepicker-other-bg);
  left: 0;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  right: 0;
  z-index: -2;
}

.date-picker .dp-day.dp-start.dp-end.dp-other-end:not(.dp-other-start):not(.dp-first):not(:first-child):after {
  left: -8px;
}

.date-picker .dp-day > svg {
  position: absolute;
  z-index: 1;
  display: block;
  color: #222222;
  fill: #DEE0E2;
  top: 0;
  right: 2px;
}

.date-picker .dsa-tag-label-bold {
  padding: 0 8px;
  color: var(--datepicker-label);
}

.date-picker .dsa-nav-link {
  color: var(--dashboard-text);
  cursor: pointer;
  padding: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  text-align: left;
}

.date-picker .dsa-nav-link.dp-active {
  background-color: var(--datepicker-bg-right);
  border-radius: 8px;
}

.date-ranger .balloon-menu .content {
  padding: 0;
  overflow: hidden;
}

@media (max-height: 880px) {
  .report-bar .date-ranger .balloon-menu .content {
    position: fixed;
    top: 10px;
    right: 10px !important;
  }
}

@media (max-width: 1120px) {
  .report-bar .date-ranger .balloon-menu .content {
    scale: 0.8;
    -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
            transform-origin: top right;
  }
}

@media (max-height: 650px) {
  .report-bar .date-ranger .balloon-menu .content {
    scale: 0.8;
    -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
            transform-origin: top right;
  }
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.counter,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header,
.counter {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }

  50% {
    -webkit-transform: scale(1.3, 1.3);
            transform: scale(1.3, 1.3);
  }

  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }

  50% {
    -webkit-transform: scale(1.3, 1.3);
            transform: scale(1.3, 1.3);
  }

  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

.counter .counterDot {
  height: 100%;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 6px;
  position: relative;
}

.counter .counterDot > div {
  width: 8px;
  height: 8px;
  background: var(--dashboard-hits-pos);
  border-radius: 100%;
  position: absolute;
  top: -12px;
  right: 0;
  -webkit-animation: pulse 2s linear infinite;
          animation: pulse 2s linear infinite;
}

.counter-digit {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 30px;
  overflow: hidden;
}

.counter-digit > div {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.counter-digit > div.digit-0 {
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

.counter-digit > div.digit-1 {
  -webkit-transform: translateY(-28px);
      -ms-transform: translateY(-28px);
          transform: translateY(-28px);
}

.counter-digit > div.digit-2 {
  -webkit-transform: translateY(-56px);
      -ms-transform: translateY(-56px);
          transform: translateY(-56px);
}

.counter-digit > div.digit-3 {
  -webkit-transform: translateY(-84px);
      -ms-transform: translateY(-84px);
          transform: translateY(-84px);
}

.counter-digit > div.digit-4 {
  -webkit-transform: translateY(-112px);
      -ms-transform: translateY(-112px);
          transform: translateY(-112px);
}

.counter-digit > div.digit-5 {
  -webkit-transform: translateY(-140px);
      -ms-transform: translateY(-140px);
          transform: translateY(-140px);
}

.counter-digit > div.digit-6 {
  -webkit-transform: translateY(-168px);
      -ms-transform: translateY(-168px);
          transform: translateY(-168px);
}

.counter-digit > div.digit-7 {
  -webkit-transform: translateY(-196px);
      -ms-transform: translateY(-196px);
          transform: translateY(-196px);
}

.counter-digit > div.digit-8 {
  -webkit-transform: translateY(-224px);
      -ms-transform: translateY(-224px);
          transform: translateY(-224px);
}

.counter-digit > div.digit-9 {
  -webkit-transform: translateY(-252px);
      -ms-transform: translateY(-252px);
          transform: translateY(-252px);
}

.counter-digit > div.digit-0 {
  -webkit-animation: 0.5s endless;
          animation: 0.5s endless;
}

.counter-digit > div > div {
  display: inline-block;
  width: 16px;
  height: 28px;
}

@-webkit-keyframes endless {
  from {
    -webkit-transform: translateY(-252px);
            transform: translateY(-252px);
  }

  to {
    -webkit-transform: translateY(-280px);
            transform: translateY(-280px);
  }
}

@keyframes endless {
  from {
    -webkit-transform: translateY(-252px);
            transform: translateY(-252px);
  }

  to {
    -webkit-transform: translateY(-280px);
            transform: translateY(-280px);
  }
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2,
.report-bar {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total,
.report-bar div.report-view-wrapper .report-view-list {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.report-view-list .report-view-table .search-field-wrapper .search-field,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.report-bar .sub-bar .notice > .amount,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.report-bar .sub-bar,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.report-view-list .report-view-table .search-field-wrapper .search-field {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.report-bar .sub-bar .notice > .amount {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.report-bar .sub-bar {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2,
.report-bar {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total,
.report-bar div.report-view-wrapper .report-view-list {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.report-bar {
  border-radius: 8px;
  background-color: #FFFFFF;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  margin-right: 18px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  overflow: visible;
  scrollbar-width: thin;
  container-type: inline-size;
}

.report-bar .sub-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.report-bar .sub-bar > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: #3F424A;
}

.report-bar .sub-bar > div:not(.ds-inactive) > svg {
  color: #0F172A;
}

.report-bar .sub-bar > div.open svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.report-bar .sub-bar .notice {
  position: relative;
}

.report-bar .sub-bar .notice > svg {
  fill: transparent;
}

.report-bar .sub-bar .notice > .amount {
  position: absolute;
  left: 13px;
  top: -5px;
  color: #FFFFFF;
  background-color: #F24E1E;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  line-height: 1;
  width: 14px;
  height: 14px;
  border-radius: 10px;
}

.report-bar .sub-bar .notice > .amount span {
  padding-left: 2px;
}

.report-bar .sub-bar .ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.report-bar .sub-bar.sub-actions > div {
  gap: 2px;
}

.report-bar div.report-view-wrapper {
  padding: 0;
  -webkit-transform: translate(-10px, -12px);
      -ms-transform: translate(-10px, -12px);
          transform: translate(-10px, -12px);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.report-view-list {
  text-align: left;
}

.report-view-list .report-view-table {
  width: 100%;
  min-width: 310px;
}

.report-view-list .report-view-table .search-field-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 8px 0;
}

.report-view-list .report-view-table .search-field-wrapper .search-field {
  width: 200px;
}

.report-view-list .report-view-table .ds-section-list-item.ds-active {
  font-weight: 700;
}

.report-view-list .list-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 4px 20px;
  gap: 12px;
  color: #979797;
}

.report-view-list .list-header.scroll {
  padding-right: 30px;
}

.report-view-list .list-header > div:first-child {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.report-view-list .list-header > .toggle {
  display: inline-block;
  width: 72px;
  text-align: center;
}

.report-view-list .list-header > .action {
  display: inline-block;
  width: 84px;
  text-align: center;
}

.report-view-list .ds-section-list-wrapper {
  overflow-y: auto;
  scrollbar-width: thin;
  max-height: 392px;
}

.report-view-list .ds-section-list-item {
  height: initial;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 12px 20px;
  gap: 12px;
}

.report-view-list .ds-section-list-item > div:first-child {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.report-view-list .ds-section-list-item .edit-view {
  line-height: 12px;
}

.report-view-list .ds-section-list-item .edit-view.ds-disabled {
  color: #C7CBD0;
  cursor: not-allowed;
}

.report-view-list .ds-section-list-item.reset-view {
  -ms-flex-pack: center;
      justify-content: center;
}

.report-view-list .ds-section-list-item.reset-view > div:first-child {
  -ms-flex-positive: 0;
      flex-grow: 0;
}

.report-view-list .ds-section-list-item.save-view {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.report-view-list .ds-section-list-item.save-view > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.report-view-list .ds-section-list-item:last-child {
  border-bottom: none;
  border-radius: 0;
}

.report-view-list .ds-section-list-item > .toggle {
  width: 72px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.report-view-list .ds-section-list-item > .action {
  width: 84px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.report-view-list .view-button-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.report-view-list .view-button-bar > button:first-child {
  border-bottom-left-radius: 8px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.report-view-list .view-button-bar > button:last-child {
  border-bottom-right-radius: 8px;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-pack: center;
      justify-content: center;
}

.report-view-list .view-button-bar > button {
  border-radius: 0;
  border-color: #C7CBD0;
}@container (max-width: 1100px) {
    .sub-actions svg + span {
        display: none;
    }
}
/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4,
.default-header .account-config,
.report-header .account-config,
.dashboard-header .account-config {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4,
.default-header .account-config,
.report-header .account-config,
.dashboard-header .account-config {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4,
.default-header .account-config,
.report-header .account-config,
.dashboard-header .account-config {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.default-header .date-ranger,
.report-header .date-ranger,
.dashboard-header .date-ranger,
.date-ranger-container .date-ranger,
.report-bar .date-ranger,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.default-header .account-group .main-menu-label,
.report-header .account-group .main-menu-label,
.dashboard-header .account-group .main-menu-label,
.default-header .categories > div > div,
.report-header .categories > div > div,
.dashboard-header .categories > div > div,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.default-header .account-config-entry,
.report-header .account-config-entry,
.dashboard-header .account-config-entry,
.dsa-nav-link,
.default-header .search-field > input::-webkit-input-placeholder,
.report-header .search-field > input::-webkit-input-placeholder,
.dashboard-header .search-field > input::-webkit-input-placeholder,
.default-header .settings-domain > div:first-child > span,
.report-header .settings-domain > div:first-child > span,
.dashboard-header .settings-domain > div:first-child > span,
.dsa-account-x,
.default-header .settings-account,
.report-header .settings-account,
.dashboard-header .settings-account {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.default-header .date-ranger,
.report-header .date-ranger,
.dashboard-header .date-ranger,
.date-ranger-container .date-ranger,
.report-bar .date-ranger,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.default-header .account-group .main-menu-label,
.report-header .account-group .main-menu-label,
.dashboard-header .account-group .main-menu-label,
.default-header .categories > div > div,
.report-header .categories > div > div,
.dashboard-header .categories > div > div,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.default-header .account-config-entry,
.report-header .account-config-entry,
.dashboard-header .account-config-entry,
.dsa-nav-link,
.default-header .search-field > input::-moz-placeholder,
.report-header .search-field > input::-moz-placeholder,
.dashboard-header .search-field > input::-moz-placeholder,
.default-header .settings-domain > div:first-child > span,
.report-header .settings-domain > div:first-child > span,
.dashboard-header .settings-domain > div:first-child > span,
.dsa-account-x,
.default-header .settings-account,
.report-header .settings-account,
.dashboard-header .settings-account {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.default-header .date-ranger,
.report-header .date-ranger,
.dashboard-header .date-ranger,
.date-ranger-container .date-ranger,
.report-bar .date-ranger,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.default-header .account-group .main-menu-label,
.report-header .account-group .main-menu-label,
.dashboard-header .account-group .main-menu-label,
.default-header .categories > div > div,
.report-header .categories > div > div,
.dashboard-header .categories > div > div,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.default-header .account-config-entry,
.report-header .account-config-entry,
.dashboard-header .account-config-entry,
.dsa-nav-link,
.default-header .search-field > input::-ms-input-placeholder,
.report-header .search-field > input::-ms-input-placeholder,
.dashboard-header .search-field > input::-ms-input-placeholder,
.default-header .settings-domain > div:first-child > span,
.report-header .settings-domain > div:first-child > span,
.dashboard-header .settings-domain > div:first-child > span,
.dsa-account-x,
.default-header .settings-account,
.report-header .settings-account,
.dashboard-header .settings-account {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.default-header .date-ranger,
.report-header .date-ranger,
.dashboard-header .date-ranger,
.date-ranger-container .date-ranger,
.report-bar .date-ranger,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.default-header .account-group .main-menu-label,
.report-header .account-group .main-menu-label,
.dashboard-header .account-group .main-menu-label,
.default-header .categories > div > div,
.report-header .categories > div > div,
.dashboard-header .categories > div > div,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.default-header .account-config-entry,
.report-header .account-config-entry,
.dashboard-header .account-config-entry,
.dsa-nav-link,
.default-header .search-field > input::placeholder,
.report-header .search-field > input::placeholder,
.dashboard-header .search-field > input::placeholder,
.default-header .settings-domain > div:first-child > span,
.report-header .settings-domain > div:first-child > span,
.dashboard-header .settings-domain > div:first-child > span,
.dsa-account-x,
.default-header .settings-account,
.report-header .settings-account,
.dashboard-header .settings-account {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.default-header .date-ranger,
.report-header .date-ranger,
.dashboard-header .date-ranger,
.date-ranger-container .date-ranger,
.report-bar .date-ranger {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.default-header .account-group .main-menu-label,
.report-header .account-group .main-menu-label,
.dashboard-header .account-group .main-menu-label,
.default-header .categories > div > div,
.report-header .categories > div > div,
.dashboard-header .categories > div > div {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item,
.default-header .account-config-entry,
.report-header .account-config-entry,
.dashboard-header .account-config-entry {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link,
.default-header .search-field > input::-webkit-input-placeholder,
.report-header .search-field > input::-webkit-input-placeholder,
.dashboard-header .search-field > input::-webkit-input-placeholder,
.default-header .settings-domain > div:first-child > span,
.report-header .settings-domain > div:first-child > span,
.dashboard-header .settings-domain > div:first-child > span {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link,
.default-header .search-field > input::-moz-placeholder,
.report-header .search-field > input::-moz-placeholder,
.dashboard-header .search-field > input::-moz-placeholder,
.default-header .settings-domain > div:first-child > span,
.report-header .settings-domain > div:first-child > span,
.dashboard-header .settings-domain > div:first-child > span {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link,
.default-header .search-field > input::-ms-input-placeholder,
.report-header .search-field > input::-ms-input-placeholder,
.dashboard-header .search-field > input::-ms-input-placeholder,
.default-header .settings-domain > div:first-child > span,
.report-header .settings-domain > div:first-child > span,
.dashboard-header .settings-domain > div:first-child > span {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link,
.default-header .search-field > input::placeholder,
.report-header .search-field > input::placeholder,
.dashboard-header .search-field > input::placeholder,
.default-header .settings-domain > div:first-child > span,
.report-header .settings-domain > div:first-child > span,
.dashboard-header .settings-domain > div:first-child > span {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x,
.default-header .settings-account,
.report-header .settings-account,
.dashboard-header .settings-account {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4,
.default-header .account-config,
.report-header .account-config,
.dashboard-header .account-config {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

#apolloContent {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-positive: 1;
      flex-grow: 1;
  overflow: hidden;
}

ui-view {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow: auto;
  scrollbar-width: thin;
}

.login-alike .main-header {
  padding: 0;
}

.main-header {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  padding: 10px;
  text-align: center;
  background-color: var(--main-bg);
  position: relative;
  z-index: 600;
}

.main-header .left-align {
  text-align: left;
}

.main-header .bell {
  position: absolute;
  top: 0;
  left: -8px;
  padding: 8px;
  cursor: pointer;
}

.default-header,
.report-header,
.dashboard-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
}

.default-header .top-line,
.report-header .top-line,
.dashboard-header .top-line {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.default-header .top-line.small-device,
.report-header .top-line.small-device,
.dashboard-header .top-line.small-device {
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
}

.default-header .top-line.small-device .search-field,
.report-header .top-line.small-device .search-field,
.dashboard-header .top-line.small-device .search-field {
  display: none;
}

.default-header .top-line.small-device .header-mid,
.report-header .top-line.small-device .header-mid,
.dashboard-header .top-line.small-device .header-mid {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.default-header .top-line.small-device .visitors,
.report-header .top-line.small-device .visitors,
.dashboard-header .top-line.small-device .visitors {
  cursor: default;
}

.default-header .pointer,
.report-header .pointer,
.dashboard-header .pointer {
  cursor: pointer;
}

.default-header .visitors,
.report-header .visitors,
.dashboard-header .visitors {
  cursor: pointer;
  -ms-flex-item-align: center;
      align-self: center;
  display: -ms-flexbox;
  display: flex;
  width: 250px;
  padding: 4px 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid var(--dashboard-graph-border);
  background: var(--dashboard-mainc-bg);
  color: var(--dashboard-text-light);
}

.default-header .visitors .dsa-info-bold,
.default-header .visitors .dsa-button-primary-small,
.default-header .visitors .dsa-button-secondary-small,
.default-header .visitors .ds-combi-input,
.default-header .visitors .date-ranger,
.default-header .visitors .counter-digit,
.report-header .visitors .dsa-info-bold,
.report-header .visitors .dsa-button-primary-small,
.report-header .visitors .dsa-button-secondary-small,
.report-header .visitors .ds-combi-input,
.report-header .visitors .date-ranger,
.report-header .visitors .counter-digit,
.dashboard-header .visitors .dsa-info-bold,
.dashboard-header .visitors .dsa-button-primary-small,
.dashboard-header .visitors .dsa-button-secondary-small,
.dashboard-header .visitors .ds-combi-input,
.dashboard-header .visitors .date-ranger,
.dashboard-header .visitors .counter-digit {
  color: var(--dashboard-text);
}

.default-header .visitors.cnilActive,
.report-header .visitors.cnilActive,
.dashboard-header .visitors.cnilActive {
  cursor: default;
}

.default-header .header-top,
.report-header .header-top,
.dashboard-header .header-top {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.default-header .header-mid,
.report-header .header-mid,
.dashboard-header .header-mid {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  -ms-flex-align: center;
      align-items: center;
}

.default-header .header-right,
.report-header .header-right,
.dashboard-header .header-right {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  -ms-flex-align: center;
      align-items: center;
}

.default-header .feedback-button,
.report-header .feedback-button,
.dashboard-header .feedback-button {
  cursor: pointer;
  gap: 4px;
  color: var(--dashboard-text-light);
}

.default-header .feedback-button > *,
.report-header .feedback-button > *,
.dashboard-header .feedback-button > * {
  display: none;
}

.default-header .feedback-button > svg:first-child,
.report-header .feedback-button > svg:first-child,
.dashboard-header .feedback-button > svg:first-child {
  color: var(--dashboard-text-light);
  display: inline-block;
}

@media (min-width: 1366px) {
  .default-header .feedback-button > *,
  .report-header .feedback-button > *,
  .dashboard-header .feedback-button > * {
    display: inline-block;
  }
}

.default-header .search-field,
.report-header .search-field,
.dashboard-header .search-field {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 176px;
  height: 40px;
  padding: 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #CFCFCF;
  background: var(--dashboard-mainc-bg);
  color: var(--dashboard-text-light);
  border-color: var(--dashboard-graph-border);
}

.default-header .search-field > input,
.report-header .search-field > input,
.dashboard-header .search-field > input {
  width: 132px;
  border: none;
  background: transparent;
  outline: none;
}

.default-header .search-field > input::-webkit-input-placeholder,
.report-header .search-field > input::-webkit-input-placeholder,
.dashboard-header .search-field > input::-webkit-input-placeholder {
  color: #7B8595;
}

.default-header .search-field > input::-moz-placeholder,
.report-header .search-field > input::-moz-placeholder,
.dashboard-header .search-field > input::-moz-placeholder {
  color: #7B8595;
}

.default-header .search-field > input::-ms-input-placeholder,
.report-header .search-field > input::-ms-input-placeholder,
.dashboard-header .search-field > input::-ms-input-placeholder {
  color: #7B8595;
}

.default-header .search-field > input::placeholder,
.report-header .search-field > input::placeholder,
.dashboard-header .search-field > input::placeholder {
  color: #7B8595;
}

.default-header .search-field + .balloon-menu .content > div,
.report-header .search-field + .balloon-menu .content > div,
.dashboard-header .search-field + .balloon-menu .content > div {
  width: initial;
}

.default-header .search-field + .balloon-menu .sub-menu-item,
.report-header .search-field + .balloon-menu .sub-menu-item,
.dashboard-header .search-field + .balloon-menu .sub-menu-item {
  white-space: nowrap;
}

.default-header .settings-wrapper,
.report-header .settings-wrapper,
.dashboard-header .settings-wrapper {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 4px 8px 8px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
}

.default-header .settings-wrapper .settings.open > svg,
.report-header .settings-wrapper .settings.open > svg,
.dashboard-header .settings-wrapper .settings.open > svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.default-header .settings-wrapper .settings > svg,
.report-header .settings-wrapper .settings > svg,
.dashboard-header .settings-wrapper .settings > svg {
  margin-left: 4px;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.default-header .settings-wrapper .settings + .balloon-menu .content > div,
.report-header .settings-wrapper .settings + .balloon-menu .content > div,
.dashboard-header .settings-wrapper .settings + .balloon-menu .content > div {
  width: initial;
}

.default-header .settings-wrapper .settings + .balloon-menu .sub-menu-item,
.report-header .settings-wrapper .settings + .balloon-menu .sub-menu-item,
.dashboard-header .settings-wrapper .settings + .balloon-menu .sub-menu-item {
  white-space: nowrap;
}

.default-header .settings-top-line,
.report-header .settings-top-line,
.dashboard-header .settings-top-line {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.default-header .settings-top-line .settings,
.default-header .settings-top-line .domain-icon,
.report-header .settings-top-line .settings,
.report-header .settings-top-line .domain-icon,
.dashboard-header .settings-top-line .settings,
.dashboard-header .settings-top-line .domain-icon {
  cursor: pointer;
}

.default-header .settings-domain,
.report-header .settings-domain,
.dashboard-header .settings-domain {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-width: 200px;
  overflow: hidden;
  gap: 3px;
  -ms-flex-align: start;
      align-items: flex-start;
}

.default-header .settings-domain svg,
.report-header .settings-domain svg,
.dashboard-header .settings-domain svg {
  color: var(--dashboard-text);
}

.default-header .settings-domain > div:first-child,
.report-header .settings-domain > div:first-child,
.dashboard-header .settings-domain > div:first-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 4px;
}

.default-header .settings-domain > div:first-child > span,
.report-header .settings-domain > div:first-child > span,
.dashboard-header .settings-domain > div:first-child > span {
  line-height: 18px;
  color: var(--dashboard-text);
}

.default-header .settings-account,
.report-header .settings-account,
.dashboard-header .settings-account {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}

.default-header .multi-client-entry,
.report-header .multi-client-entry,
.dashboard-header .multi-client-entry {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  color: var(--dashboard-text);
  gap: 8px;
}

.default-header .multi-client-entry > .dsa-nav-item,
.default-header .multi-client-entry > .account-config-entry,
.default-header .report-header .multi-client-entry > .account-config-entry,
.default-header .dashboard-header .multi-client-entry > .account-config-entry,
.report-header .multi-client-entry > .dsa-nav-item,
.report-header .default-header .multi-client-entry > .account-config-entry,
.report-header .multi-client-entry > .account-config-entry,
.report-header .dashboard-header .multi-client-entry > .account-config-entry,
.dashboard-header .multi-client-entry > .dsa-nav-item,
.dashboard-header .default-header .multi-client-entry > .account-config-entry,
.dashboard-header .report-header .multi-client-entry > .account-config-entry,
.dashboard-header .multi-client-entry > .account-config-entry {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.default-header .account-list,
.report-header .account-list,
.dashboard-header .account-list {
  padding: 16px 16px 32px 16px;
  width: 300px;
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 24px;
}

.default-header .account-list .search-field,
.report-header .account-list .search-field,
.dashboard-header .account-list .search-field {
  margin-bottom: 12px;
  width: 176px;
}

.default-header .account-list .account-entries-wrapper,
.report-header .account-list .account-entries-wrapper,
.dashboard-header .account-list .account-entries-wrapper {
  margin: -8px;
  overflow: auto;
  scrollbar-width: thin;
}

.default-header .account-list .account-entries,
.report-header .account-list .account-entries,
.dashboard-header .account-list .account-entries {
  padding: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 12px;
  overflow-y: hidden;
  overflow-x: visible;
}

.default-header .account-list .account-entries .domain-icon,
.report-header .account-list .account-entries .domain-icon,
.dashboard-header .account-list .account-entries .domain-icon {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.default-header .account-config,
.report-header .account-config,
.dashboard-header .account-config {
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 16px 16px 16px 32px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 24px;
  border-radius: 12px;
  background: var(--grid-box-bg-main);
  color: var(--dashboard-text);
  min-width: 310px;
}

.default-header .account-config .edition-upgrade,
.report-header .account-config .edition-upgrade,
.dashboard-header .account-config .edition-upgrade {
  width: 100%;
  height: 41px;
  border: 1px solid var(--dashboard-graph-border);
  border-radius: 8px;
  padding: 4px 4px 4px 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 8px;
}

.default-header .account-config .edition-upgrade button,
.report-header .account-config .edition-upgrade button,
.dashboard-header .account-config .edition-upgrade button {
  background: var(--square-toggle-active);
  border: none;
  color: var(--dashboard-text);
  padding: 4px 8px;
}

.default-header .account-group,
.report-header .account-group,
.dashboard-header .account-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 24px;
}

.default-header .account-group .main-menu-label,
.report-header .account-group .main-menu-label,
.dashboard-header .account-group .main-menu-label {
  padding: 0;
}

.default-header .account-group > .account-group,
.report-header .account-group > .account-group,
.dashboard-header .account-group > .account-group {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.default-header .account-url,
.report-header .account-url,
.dashboard-header .account-url {
  display: inline-block;
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.default-header .account-config-entry,
.report-header .account-config-entry,
.dashboard-header .account-config-entry {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  cursor: pointer;
  color: var(--dashboard-text);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  gap: 12px;
  align-self: stretch;
  white-space: nowrap;
  overflow: hidden;
}

.default-header .account-config-entry > svg,
.report-header .account-config-entry > svg,
.dashboard-header .account-config-entry > svg {
  opacity: 0.5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.default-header .account-config-entry .menu-item-right,
.report-header .account-config-entry .menu-item-right,
.dashboard-header .account-config-entry .menu-item-right {
  -ms-flex-positive: 1;
      flex-grow: 1;
  text-align: right;
}

.default-header .account-config-entry .menu-item-right.upgrade-icon,
.report-header .account-config-entry .menu-item-right.upgrade-icon,
.dashboard-header .account-config-entry .menu-item-right.upgrade-icon {
  color: #222222;
}

.default-header .account-config-entry:hover .menu-item-right.upgrade-icon,
.report-header .account-config-entry:hover .menu-item-right.upgrade-icon,
.dashboard-header .account-config-entry:hover .menu-item-right.upgrade-icon {
  color: #F24E1E;
}

.default-header .icon-logout,
.report-header .icon-logout,
.dashboard-header .icon-logout {
  cursor: pointer;
}

.default-header .account-config-bottom,
.report-header .account-config-bottom,
.dashboard-header .account-config-bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 24px;
  padding-top: 24px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-top: 0.5px solid #CFCFCF;
}

.default-header .account-config-bottom span,
.report-header .account-config-bottom span,
.dashboard-header .account-config-bottom span {
  cursor: pointer;
}

.default-header .sub-line,
.report-header .sub-line,
.dashboard-header .sub-line {
  cursor: default;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: start;
}

.default-header .sub-line .co-report,
.report-header .sub-line .co-report,
.dashboard-header .sub-line .co-report {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-align: center;
      align-items: center;
}

.default-header .sub-line .co-report + balloon-menu,
.report-header .sub-line .co-report + balloon-menu,
.dashboard-header .sub-line .co-report + balloon-menu {
  right: 0;
  top: 100%;
  bottom: 0;
}

.default-header .sub-line .co-report.open > svg,
.report-header .sub-line .co-report.open > svg,
.dashboard-header .sub-line .co-report.open > svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.default-header .sub-line .co-report > svg,
.report-header .sub-line .co-report > svg,
.dashboard-header .sub-line .co-report > svg {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.default-header.report-header .sub-line,
.report-header.report-header .sub-line,
.dashboard-header.report-header .sub-line {
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.default-header .report-title,
.report-header .report-title,
.dashboard-header .report-title {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 16px;
}

.default-header .categories,
.report-header .categories,
.dashboard-header .categories {
  display: -ms-flexbox;
  display: flex;
  padding: 16px 16px 32px 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 24px;
  border-radius: 12px;
  width: 230px;
}

.default-header .categories > div,
.report-header .categories > div,
.dashboard-header .categories > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 24px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.default-header .categories > div > div,
.report-header .categories > div > div,
.dashboard-header .categories > div > div {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 8px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-bottom: 1px solid #DEE0E2;
}

.default-header .categories > div > div.no-result,
.report-header .categories > div > div.no-result,
.dashboard-header .categories > div > div.no-result {
  color: #7B8595;
}

.default-header .hit-list-column,
.report-header .hit-list-column,
.dashboard-header .hit-list-column {
  width: 441px;
  height: 400px;
  padding: 16px 16px 16px 32px;
  border-radius: 12px;
  background: var(--grid-box-bg-main);
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), -1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), -1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.default-header .hit-list,
.report-header .hit-list,
.dashboard-header .hit-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  text-align: left;
  gap: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.default-header .hit-list .search-category,
.report-header .hit-list .search-category,
.dashboard-header .hit-list .search-category {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 24px;
  border-top: 1px solid #CFCFCF;
  padding-top: 16px;
}

.default-header .hit-list .search-category:first-child,
.report-header .hit-list .search-category:first-child,
.dashboard-header .hit-list .search-category:first-child {
  border-top: none;
  padding-top: 0;
}

.default-header .hit-list .search-category .dsa-nav-item,
.default-header .hit-list .search-category .account-config-entry,
.report-header .hit-list .search-category .dsa-nav-item,
.report-header .hit-list .search-category .account-config-entry,
.dashboard-header .hit-list .search-category .dsa-nav-item,
.dashboard-header .hit-list .search-category .account-config-entry {
  padding-bottom: 12px;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.default-header .hit-list .search-category .dsa-nav-item .star-icon,
.default-header .hit-list .search-category .account-config-entry .star-icon,
.report-header .hit-list .search-category .dsa-nav-item .star-icon,
.report-header .hit-list .search-category .account-config-entry .star-icon,
.dashboard-header .hit-list .search-category .dsa-nav-item .star-icon,
.dashboard-header .hit-list .search-category .account-config-entry .star-icon {
  margin-left: 16px;
}

.default-header .hit-list .search-category .dsa-nav-item:hover .star-icon,
.default-header .hit-list .search-category .account-config-entry:hover .star-icon,
.report-header .hit-list .search-category .dsa-nav-item:hover .star-icon,
.report-header .hit-list .search-category .account-config-entry:hover .star-icon,
.dashboard-header .hit-list .search-category .dsa-nav-item:hover .star-icon,
.dashboard-header .hit-list .search-category .account-config-entry:hover .star-icon {
  opacity: 1;
}

.default-header .hit-list .search-category:last-child .dsa-nav-item:last-child,
.default-header .hit-list .search-category:last-child .account-config-entry:last-child,
.report-header .hit-list .search-category:last-child .dsa-nav-item:last-child,
.report-header .hit-list .search-category:last-child .account-config-entry:last-child,
.dashboard-header .hit-list .search-category:last-child .dsa-nav-item:last-child,
.dashboard-header .hit-list .search-category:last-child .account-config-entry:last-child {
  padding-bottom: 0;
}

.default-header .hit-list .search-category .right-space + .search-hit,
.report-header .hit-list .search-category .right-space + .search-hit,
.dashboard-header .hit-list .search-category .right-space + .search-hit {
  margin-left: 4px;
}

.default-header .hit-list .search-category .search-hit,
.report-header .hit-list .search-category .search-hit,
.dashboard-header .hit-list .search-category .search-hit {
  color: #F24E1E;
}

.default-header .hit-list .search-category .search-hit + .left-space,
.report-header .hit-list .search-category .search-hit + .left-space,
.dashboard-header .hit-list .search-category .search-hit + .left-space {
  margin-left: 4px;
}

.language-switch {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  border: 0.5px solid #CFCFCF;
}

.language-switch > div {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 3px 12px 2px 12px;
  line-height: 23px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 6px;
  background-color: transparent;
}

.language-switch > div.active {
  background: var(--square-toggle-active);
}

.language-switch > div:focus {
  outline: 1px dotted #7B8595;
  outline-offset: 2px;
}

.new-dashboard-header .search-field {
  width: 529px;
}

.new-dashboard-header .search-field > input {
  width: 100%;
}

@media (max-width: 1300px) {
  .new-dashboard-header .search-field {
    width: 200px;
  }
}

.report-header.new-report-header {
  gap: 12px;
}

.report-header.new-report-header .sub-line {
  margin-top: 28px;
}

.report-header.new-report-header .search-field {
  width: 529px;
}

.report-header.new-report-header .search-field > input {
  width: 100%;
}

.report-header.new-report-header .account-list .search-field {
  width: 176px;
}

.default-header .balloon-menu,
.report-header .balloon-menu,
.dashboard-header .balloon-menu,
.date-ranger-container .balloon-menu,
.report-bar .balloon-menu {
  right: 0;
  top: 100%;
  bottom: 0;
}

.default-header .date-ranger,
.report-header .date-ranger,
.dashboard-header .date-ranger,
.date-ranger-container .date-ranger,
.report-bar .date-ranger {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  border: 1px solid var(--dashboard-graph-border);
  background: var(--dashboard-mainc-bg);
  color: var(--dashboard-text);
  height: 40px;
  cursor: pointer;
}

.default-header .date-ranger > div:not(.balloon-menu),
.report-header .date-ranger > div:not(.balloon-menu),
.dashboard-header .date-ranger > div:not(.balloon-menu),
.date-ranger-container .date-ranger > div:not(.balloon-menu),
.report-bar .date-ranger > div:not(.balloon-menu) {
  gap: 6px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 8px 16px;
}

.default-header .date-ranger > div:not(.balloon-menu).vert-line,
.report-header .date-ranger > div:not(.balloon-menu).vert-line,
.dashboard-header .date-ranger > div:not(.balloon-menu).vert-line,
.date-ranger-container .date-ranger > div:not(.balloon-menu).vert-line,
.report-bar .date-ranger > div:not(.balloon-menu).vert-line {
  display: inline-block;
  -ms-flex-positive: 0;
      flex-grow: 0;
  padding: 0;
  width: 1px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  background-color: #CFCFCF;
}

.default-header .date-ranger > div:not(.balloon-menu).vert-line + div,
.report-header .date-ranger > div:not(.balloon-menu).vert-line + div,
.dashboard-header .date-ranger > div:not(.balloon-menu).vert-line + div,
.date-ranger-container .date-ranger > div:not(.balloon-menu).vert-line + div,
.report-bar .date-ranger > div:not(.balloon-menu).vert-line + div {
  padding-right: 8px;
}

.default-header .date-ranger > div:not(.balloon-menu).main-date,
.default-header .date-ranger > div:not(.balloon-menu).cmp-date,
.report-header .date-ranger > div:not(.balloon-menu).main-date,
.report-header .date-ranger > div:not(.balloon-menu).cmp-date,
.dashboard-header .date-ranger > div:not(.balloon-menu).main-date,
.dashboard-header .date-ranger > div:not(.balloon-menu).cmp-date,
.date-ranger-container .date-ranger > div:not(.balloon-menu).main-date,
.date-ranger-container .date-ranger > div:not(.balloon-menu).cmp-date,
.report-bar .date-ranger > div:not(.balloon-menu).main-date,
.report-bar .date-ranger > div:not(.balloon-menu).cmp-date {
  min-width: 226px;
}

.default-header .date-ranger > div:not(.balloon-menu).cmp-date .placeholder,
.report-header .date-ranger > div:not(.balloon-menu).cmp-date .placeholder,
.dashboard-header .date-ranger > div:not(.balloon-menu).cmp-date .placeholder,
.date-ranger-container .date-ranger > div:not(.balloon-menu).cmp-date .placeholder,
.report-bar .date-ranger > div:not(.balloon-menu).cmp-date .placeholder {
  min-width: 100px;
  text-align: center;
}

.default-header .date-ranger > div:not(.balloon-menu) .close,
.report-header .date-ranger > div:not(.balloon-menu) .close,
.dashboard-header .date-ranger > div:not(.balloon-menu) .close,
.date-ranger-container .date-ranger > div:not(.balloon-menu) .close,
.report-bar .date-ranger > div:not(.balloon-menu) .close {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 16px;
  width: 16px;
  background-color: #F24E1E;
  border-radius: 16px;
  color: #FFFFFF;
}

.default-header .date-ranger .ds-disabled,
.report-header .date-ranger .ds-disabled,
.dashboard-header .date-ranger .ds-disabled,
.date-ranger-container .date-ranger .ds-disabled,
.report-bar .date-ranger .ds-disabled {
  color: #CFCFCF;
}

.default-header .date-ranger .b2b-hint,
.report-header .date-ranger .b2b-hint,
.dashboard-header .date-ranger .b2b-hint,
.date-ranger-container .date-ranger .b2b-hint,
.report-bar .date-ranger .b2b-hint {
  padding: 10px;
  white-space: normal;
  text-align: left;
}

.default-header .date-ranger .placeholder,
.report-header .date-ranger .placeholder,
.dashboard-header .date-ranger .placeholder,
.date-ranger-container .date-ranger .placeholder,
.report-bar .date-ranger .placeholder {
  -ms-flex-positive: 1;
      flex-grow: 1;
  color: #7B8595;
}

.cache-reset {
  display: inline-block;
  cursor: pointer;
  height: 20px;
  width: 20px;
  line-height: 1;
  -ms-flex-item-align: center;
      align-self: center;
}

.balloon-menu + .cache-reset {
  margin-left: 10px;
}

@media (max-width: 1000px) {
  .dashboard-header .visitors {
    width: 240px;
  }

  .dashboard-header .domain-icon {
    display: none;
  }

  .dashboard-header .header-right .feedback-button {
    display: none;
  }

  .dashboard-header div.top-line .header-mid .date-ranger {
    -ms-flex-direction: column;
        flex-direction: column;
    height: 83px;
  }

  .dashboard-header div.top-line .header-mid .date-ranger .vert-line {
    width: initial;
    height: 1px;
  }

  .dashboard-header div.top-line .header-mid .date-ranger .vert-line + div {
    padding-right: 16px;
  }

  .dashboard-header div.top-line .header-mid .date-ranger .close {
    display: none;
  }
}@charset "UTF-8";

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient,
.login-header .content > .profile,
.login-header .content > form,
.login-screen .content > .profile,
.login-screen .content > form {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient,
.login-header .content > .profile,
.login-header .content > form,
.login-screen .content > .profile,
.login-screen .content > form {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.login-header .login-now,
.login-screen .login-now,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x,
.login-header .content .default-font,
.login-header .content .input-parent label,
.login-screen .content .default-font,
.login-screen .content .input-parent label {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1,
.login-header .login-now,
.login-screen .login-now {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient,
.login-header .content > .profile,
.login-header .content > form,
.login-screen .content > .profile,
.login-screen .content > form {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.login-header {
  display: -ms-flexbox;
  display: flex;
  background-color: #F5F7F9;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0;
}

.login-content {
  cursor: default;
  padding: 80px 96px 80px 96px;
  border-radius: 16px;
  min-height: 650px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  background-color: #EBF0F5;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMTM5MiA5MDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogdXJsKCNWZXJsYXVmKTsKICAgICAgfQoKICAgICAgLmNscy0xLCAuY2xzLTIsIC5jbHMtMywgLmNscy00LCAuY2xzLTUgewogICAgICAgIHN0cm9rZS13aWR0aDogMHB4OwogICAgICB9CgogICAgICAuY2xzLTYgewogICAgICAgIGNsaXAtcGF0aDogdXJsKCNjbGlwcGF0aCk7CiAgICAgIH0KCiAgICAgIC5jbHMtMiwgLmNscy03IHsKICAgICAgICBmaWxsOiBub25lOwogICAgICB9CgogICAgICAuY2xzLTMgewogICAgICAgIGZpbGw6IHVybCgjVmVybGF1Zl81LTIpOwogICAgICB9CgogICAgICAuY2xzLTggewogICAgICAgIGNsaXAtcGF0aDogdXJsKCNjbGlwcGF0aC0xKTsKICAgICAgfQoKICAgICAgLmNscy00IHsKICAgICAgICBmaWxsOiB1cmwoI1ZlcmxhdWZfNSk7CiAgICAgIH0KCiAgICAgIC5jbHMtNSB7CiAgICAgICAgZmlsbDogdXJsKCNWZXJsYXVmXzIpOwogICAgICB9CgogICAgICAuY2xzLTcgewogICAgICAgIHN0cm9rZTogdXJsKCNWZXJsYXVmXzMpOwogICAgICAgIHN0cm9rZS1taXRlcmxpbWl0OiA0OwogICAgICAgIHN0cm9rZS13aWR0aDogMS4xcHg7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXBwYXRoIj4KICAgICAgPHJlY3QgY2xhc3M9ImNscy0yIiB5PSIwIiB3aWR0aD0iMTM5MiIgaGVpZ2h0PSI5MDAiLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8cmFkaWFsR3JhZGllbnQgaWQ9IlZlcmxhdWZfNSIgZGF0YS1uYW1lPSJWZXJsYXVmIDUiIGN4PSIxMzc0LjgiIGN5PSI2MTguOSIgZng9IjEzNzQuOCIgZnk9IjYxOC45IiByPSIxMjQ3LjMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMWI3NmYwIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8L3JhZGlhbEdyYWRpZW50PgogICAgPHJhZGlhbEdyYWRpZW50IGlkPSJWZXJsYXVmXzUtMiIgZGF0YS1uYW1lPSJWZXJsYXVmIDUiIGN4PSIxMDIxLjciIGN5PSI4NTEuMyIgZng9IjEwMjEuNyIgZnk9Ijg1MS4zIiByPSIxMjQ3LjMiIHhsaW5rOmhyZWY9IiNWZXJsYXVmXzUiLz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcHBhdGgtMSI+CiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE1NDguMywzODguM2wtNTU4LjEsNTU4LjFjLTc0LjQsNzQuNC0xOTUuMSw3NC40LTI2OS41LDBoMGMtNzQuNC03NC40LTc0LjQtMTk1LjEsMC0yNjkuNUwxMjc4LjgsMTE4LjhjNzQuNC03NC40LDE5NS4xLTc0LjQsMjY5LjUsMGgwYzc0LjQsNzQuNCw3NC40LDE5NS4xLDAsMjY5LjVaIi8+CiAgICA8L2NsaXBQYXRoPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJWZXJsYXVmIiBkYXRhLW5hbWU9IlZlcmxhdWYiIHgxPSIxNTQ4LjMiIHkxPSI3NzkuMSIgeDI9IjcyMC4xIiB5Mj0iLTQ5IiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDAgODk3LjkpIHNjYWxlKDEgLTEpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM1NzlmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iVmVybGF1Zl8yIiBkYXRhLW5hbWU9IlZlcmxhdWYgMiIgeDE9IjE0NzEuNSIgeTE9IjcwNS44IiB4Mj0iNzYwLjgiIHkyPSItNC42IiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDAgODk3LjkpIHNjYWxlKDEgLTEpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzFiNzZmMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iVmVybGF1Zl8zIiBkYXRhLW5hbWU9IlZlcmxhdWYgMyIgeDE9IjEyOTYuMSIgeTE9IjMwNC44IiB4Mj0iMTI5Ni4xIiB5Mj0iLTUwLjMiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzAzLjggMTYyNC4xKSByb3RhdGUoLTQ1KSBzY2FsZSgxIC0xKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iLjUiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjODdiNmY1Ii8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KICA8ZyBjbGFzcz0iY2xzLTYiPgogICAgPHBhdGggY2xhc3M9ImNscy00IiBkPSJNMTI3LjQsMTg2Ni4yVi02MjguNHMyNDk0LjYsMCwyNDk0LjYsMFYxODY2LjJzLTI0OTQuNiwwLTI0OTQuNiwwWiIvPgogICAgPHBhdGggY2xhc3M9ImNscy0zIiBkPSJNLTIyNS42LDIwOTguNlYtMzk2czI0OTQuNiwwLDI0OTQuNiwwdjI0OTQuNnMtMjQ5NC42LDAtMjQ5NC42LDBaIi8+CiAgICA8Zz4KICAgICAgPGcgY2xhc3M9ImNscy04Ij4KICAgICAgICA8Zz4KICAgICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEzMzUuMiw2Mi4zYzQzLjItNDMuMiwxMzguNi0xOCwyMTMuMSw1Ni41LDc0LjQsNzQuNCw5OS43LDE2OS44LDU2LjQsMjEzLjFsLTY3MS42LDY3MS42Yy00My4yLDQzLjItMTM4LjYsMTgtMjEzLjEtNTYuNS03NC40LTc0LjQtOTkuNy0xNjkuOC01Ni41LTIxMy4xTDEzMzUuMiw2Mi4zWiIvPgogICAgICAgICAgPHBhdGggY2xhc3M9ImNscy01IiBkPSJNMTQ2Ny4yLDQzNy4xYzY4LjgtNjguOCw3MC43LTE3OC42LDQuMi0yNDUuMS02Ni41LTY2LjUtMTc2LjItNjQuNy0yNDUuMSw0LjJsLTQ2MS4yLDQ2MS4yYy02OC44LDY4LjgtNzAuNywxNzguNi00LjIsMjQ1LjEsNjYuNSw2Ni41LDE3Ni4zLDY0LjcsMjQ1LjEtNC4ybDQ2MS4yLTQ2MS4yWiIvPgogICAgICAgIDwvZz4KICAgICAgPC9nPgogICAgICA8cGF0aCBjbGFzcz0iY2xzLTciIGQ9Ik03NTUuNyw3NDEuMmw0OTguMS00OTguMWM2OS4xLTY5LjEsMTgxLjItNjkuMSwyNTAuMywwaDBjNjkuMSw2OS4xLDY5LjEsMTgxLjIsMCwyNTAuM2wtNDk4LjEsNDk4LjFjLTY5LjEsNjkuMS0xODEuMiw2OS4xLTI1MC4zLDBoMGMtNjkuMS02OS4xLTY5LjEtMTgxLjIsMC0yNTAuM1oiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top right;
}

.login-screen {
  min-height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
}

.login-header .navbar-1,
.login-screen .navbar-1 {
  height: 65.5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
}

.login-header .navbar-1 > div,
.login-screen .navbar-1 > div {
  gap: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.login-header .navbar-1 .website-link,
.login-screen .navbar-1 .website-link {
  color: #222222;
  font-size: 14px;
  line-height: 24.5px;
  font-weight: 500;
  text-decoration: none;
  border-radius: 4px;
}

.login-header .navbar-1 .website-link > *,
.login-screen .navbar-1 .website-link > * {
  display: inline-block;
  padding: 9px 10px 8px;
  line-height: 21.5px;
}

.login-header .navbar-1 .website-link:focus,
.login-screen .navbar-1 .website-link:focus {
  outline: 1px dotted #7B8595;
}

.login-header .navbar-1 .language-switch,
.login-screen .navbar-1 .language-switch {
  border-width: 1px;
}

.login-header .navbar-1 .language-switch > div,
.login-screen .navbar-1 .language-switch > div {
  padding: 4px 12px;
  line-height: 19.5px;
  font-size: 13px;
  font-weight: 500;
}

.login-header.logged-in .content > *,
.login-screen.logged-in .content > * {
  opacity: 0.1;
  -webkit-transition: opacity 0.5s ease-in;
  -o-transition: opacity 0.5s ease-in;
  transition: opacity 0.5s ease-in;
}

.login-header.en .content > form button,
.login-screen.en .content > form button {
  min-width: 145px;
}

.login-header .content,
.login-screen .content {
  cursor: default;
  padding: 80px 96px 80px 96px;
  border-radius: 16px;
  min-height: 650px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  background-color: #EBF0F5;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMTM5MiA5MDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogdXJsKCNWZXJsYXVmKTsKICAgICAgfQoKICAgICAgLmNscy0xLCAuY2xzLTIsIC5jbHMtMywgLmNscy00LCAuY2xzLTUgewogICAgICAgIHN0cm9rZS13aWR0aDogMHB4OwogICAgICB9CgogICAgICAuY2xzLTYgewogICAgICAgIGNsaXAtcGF0aDogdXJsKCNjbGlwcGF0aCk7CiAgICAgIH0KCiAgICAgIC5jbHMtMiwgLmNscy03IHsKICAgICAgICBmaWxsOiBub25lOwogICAgICB9CgogICAgICAuY2xzLTMgewogICAgICAgIGZpbGw6IHVybCgjVmVybGF1Zl81LTIpOwogICAgICB9CgogICAgICAuY2xzLTggewogICAgICAgIGNsaXAtcGF0aDogdXJsKCNjbGlwcGF0aC0xKTsKICAgICAgfQoKICAgICAgLmNscy00IHsKICAgICAgICBmaWxsOiB1cmwoI1ZlcmxhdWZfNSk7CiAgICAgIH0KCiAgICAgIC5jbHMtNSB7CiAgICAgICAgZmlsbDogdXJsKCNWZXJsYXVmXzIpOwogICAgICB9CgogICAgICAuY2xzLTcgewogICAgICAgIHN0cm9rZTogdXJsKCNWZXJsYXVmXzMpOwogICAgICAgIHN0cm9rZS1taXRlcmxpbWl0OiA0OwogICAgICAgIHN0cm9rZS13aWR0aDogMS4xcHg7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXBwYXRoIj4KICAgICAgPHJlY3QgY2xhc3M9ImNscy0yIiB5PSIwIiB3aWR0aD0iMTM5MiIgaGVpZ2h0PSI5MDAiLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8cmFkaWFsR3JhZGllbnQgaWQ9IlZlcmxhdWZfNSIgZGF0YS1uYW1lPSJWZXJsYXVmIDUiIGN4PSIxMzc0LjgiIGN5PSI2MTguOSIgZng9IjEzNzQuOCIgZnk9IjYxOC45IiByPSIxMjQ3LjMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMWI3NmYwIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8L3JhZGlhbEdyYWRpZW50PgogICAgPHJhZGlhbEdyYWRpZW50IGlkPSJWZXJsYXVmXzUtMiIgZGF0YS1uYW1lPSJWZXJsYXVmIDUiIGN4PSIxMDIxLjciIGN5PSI4NTEuMyIgZng9IjEwMjEuNyIgZnk9Ijg1MS4zIiByPSIxMjQ3LjMiIHhsaW5rOmhyZWY9IiNWZXJsYXVmXzUiLz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcHBhdGgtMSI+CiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE1NDguMywzODguM2wtNTU4LjEsNTU4LjFjLTc0LjQsNzQuNC0xOTUuMSw3NC40LTI2OS41LDBoMGMtNzQuNC03NC40LTc0LjQtMTk1LjEsMC0yNjkuNUwxMjc4LjgsMTE4LjhjNzQuNC03NC40LDE5NS4xLTc0LjQsMjY5LjUsMGgwYzc0LjQsNzQuNCw3NC40LDE5NS4xLDAsMjY5LjVaIi8+CiAgICA8L2NsaXBQYXRoPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJWZXJsYXVmIiBkYXRhLW5hbWU9IlZlcmxhdWYiIHgxPSIxNTQ4LjMiIHkxPSI3NzkuMSIgeDI9IjcyMC4xIiB5Mj0iLTQ5IiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDAgODk3LjkpIHNjYWxlKDEgLTEpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM1NzlmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iVmVybGF1Zl8yIiBkYXRhLW5hbWU9IlZlcmxhdWYgMiIgeDE9IjE0NzEuNSIgeTE9IjcwNS44IiB4Mj0iNzYwLjgiIHkyPSItNC42IiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDAgODk3LjkpIHNjYWxlKDEgLTEpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzFiNzZmMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iVmVybGF1Zl8zIiBkYXRhLW5hbWU9IlZlcmxhdWYgMyIgeDE9IjEyOTYuMSIgeTE9IjMwNC44IiB4Mj0iMTI5Ni4xIiB5Mj0iLTUwLjMiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzAzLjggMTYyNC4xKSByb3RhdGUoLTQ1KSBzY2FsZSgxIC0xKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iLjUiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjODdiNmY1Ii8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KICA8ZyBjbGFzcz0iY2xzLTYiPgogICAgPHBhdGggY2xhc3M9ImNscy00IiBkPSJNMTI3LjQsMTg2Ni4yVi02MjguNHMyNDk0LjYsMCwyNDk0LjYsMFYxODY2LjJzLTI0OTQuNiwwLTI0OTQuNiwwWiIvPgogICAgPHBhdGggY2xhc3M9ImNscy0zIiBkPSJNLTIyNS42LDIwOTguNlYtMzk2czI0OTQuNiwwLDI0OTQuNiwwdjI0OTQuNnMtMjQ5NC42LDAtMjQ5NC42LDBaIi8+CiAgICA8Zz4KICAgICAgPGcgY2xhc3M9ImNscy04Ij4KICAgICAgICA8Zz4KICAgICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEzMzUuMiw2Mi4zYzQzLjItNDMuMiwxMzguNi0xOCwyMTMuMSw1Ni41LDc0LjQsNzQuNCw5OS43LDE2OS44LDU2LjQsMjEzLjFsLTY3MS42LDY3MS42Yy00My4yLDQzLjItMTM4LjYsMTgtMjEzLjEtNTYuNS03NC40LTc0LjQtOTkuNy0xNjkuOC01Ni41LTIxMy4xTDEzMzUuMiw2Mi4zWiIvPgogICAgICAgICAgPHBhdGggY2xhc3M9ImNscy01IiBkPSJNMTQ2Ny4yLDQzNy4xYzY4LjgtNjguOCw3MC43LTE3OC42LDQuMi0yNDUuMS02Ni41LTY2LjUtMTc2LjItNjQuNy0yNDUuMSw0LjJsLTQ2MS4yLDQ2MS4yYy02OC44LDY4LjgtNzAuNywxNzguNi00LjIsMjQ1LjEsNjYuNSw2Ni41LDE3Ni4zLDY0LjcsMjQ1LjEtNC4ybDQ2MS4yLTQ2MS4yWiIvPgogICAgICAgIDwvZz4KICAgICAgPC9nPgogICAgICA8cGF0aCBjbGFzcz0iY2xzLTciIGQ9Ik03NTUuNyw3NDEuMmw0OTguMS00OTguMWM2OS4xLTY5LjEsMTgxLjItNjkuMSwyNTAuMywwaDBjNjkuMSw2OS4xLDY5LjEsMTgxLjIsMCwyNTAuM2wtNDk4LjEsNDk4LjFjLTY5LjEsNjkuMS0xODEuMiw2OS4xLTI1MC4zLDBoMGMtNjkuMS02OS4xLTY5LjEtMTgxLjIsMC0yNTAuM1oiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top right;
}

.login-header .content .default-font,
.login-header .content .input-parent label,
.login-screen .content .default-font,
.login-screen .content .input-parent label {
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  font-style: italic;
}

.login-header .content .clickable,
.login-screen .content .clickable {
  cursor: pointer;
}

.login-header .content a.clickable,
.login-screen .content a.clickable {
  margin-top: 12px;
}

.login-header .content a.clickable > span + span,
.login-screen .content a.clickable > span + span {
  margin-left: 8px;
}

.login-header .content div[tabIndex]:focus,
.login-screen .content div[tabIndex]:focus {
  outline: 1px dotted #7B8595;
  outline-offset: 2px;
}

.login-header .content .forgot-link,
.login-screen .content .forgot-link {
  font-size: 13px;
  margin-top: 4px;
}

.login-header .content > .profile,
.login-header .content > form,
.login-screen .content > .profile,
.login-screen .content > form {
  padding: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 24px;
  border-radius: 8px;
}

.login-header .content > form,
.login-screen .content > form {
  width: 481px;
}

.login-header .content > form .transparent,
.login-screen .content > form .transparent {
  background-color: transparent;
}

.login-header .content > form button,
.login-screen .content > form button {
  min-width: 170px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.login-header .content > form button.dsa-button-secondary,
.login-screen .content > form button.dsa-button-secondary {
  padding: 11px 8px 11px 16px;
}

.login-header .content > form button:focus,
.login-screen .content > form button:focus {
  outline: 1px dotted #7B8595;
  outline-offset: 2px;
}

.login-header .content > form a:hover,
.login-screen .content > form a:hover {
  text-decoration: none;
}

.login-header .content > form a:focus,
.login-screen .content > form a:focus {
  text-decoration: none;
}

.login-header .content > form a:focus span + span,
.login-screen .content > form a:focus span + span {
  outline: 1px dotted #7B8595;
  outline-offset: 2px;
}

.login-header .content .input-parent,
.login-screen .content .input-parent {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
}

.login-header .content .input-parent label,
.login-screen .content .input-parent label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 4px;
}

.login-header .content .input-parent label input,
.login-screen .content .input-parent label input {
  width: 100%;
  height: 40px;
  background-color: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  padding: 8px 16px;
}

.login-header .content .input-parent label input::-webkit-input-placeholder,
.login-screen .content .input-parent label input::-webkit-input-placeholder {
  opacity: 0.4;
  color: #222222;
}

.login-header .content .input-parent label input::-moz-placeholder,
.login-screen .content .input-parent label input::-moz-placeholder {
  opacity: 0.4;
  color: #222222;
}

.login-header .content .input-parent label input::-ms-input-placeholder,
.login-screen .content .input-parent label input::-ms-input-placeholder {
  opacity: 0.4;
  color: #222222;
}

.login-header .content .input-parent label input::placeholder,
.login-screen .content .input-parent label input::placeholder {
  opacity: 0.4;
  color: #222222;
}

.login-header .content .input-parent label input.has-error,
.login-screen .content .input-parent label input.has-error {
  border-color: #FD5555;
  background-color: #fbecec;
}

.login-header .content + .dsa-loader,
.login-screen .content + .dsa-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0.5;
}

.login-header .login-now,
.login-screen .login-now {
  letter-spacing: 0.5px;
  margin-bottom: 28px;
}

.login-header .input-message,
.login-screen .input-message {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #FD5555;
  font-size: 13px;
  font-weight: 500;
}

.login-header .message-wrap,
.login-screen .message-wrap {
  white-space: pre-wrap;
}

.login-header .saml-container,
.login-screen .saml-container {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 12px;
  -ms-flex-align: center;
      align-items: center;
}

.login-header .saml-container .tooltip-content,
.login-screen .saml-container .tooltip-content {
  width: 220px;
}

.login-header .info-container,
.login-screen .info-container {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  padding: 1px 0 0 0;
  width: 20px;
  height: 20px;
  border: solid 1px #222222;
  border-radius: 50px;
  line-height: 17px;
  font-size: 13px;
  font-style: normal;
}

.password-errors .dsa-info-bold,
.password-errors .dsa-button-primary-small,
.password-errors .dsa-button-secondary-small,
.password-errors .ds-combi-input {
  margin-bottom: 8px;
}

.password-errors ul {
  padding-left: 12px;
  list-style-type: '\2713   ';
}

.password-errors li::marker {
  font-weight: 800;
}

.password-errors li.pw-error {
  color: #F24E1E;
  font-weight: 700;
  list-style-type: '\2718   ';
}

.navbar-2 {
  background: #FFFFFF;
  position: -webkit-sticky;
  position: sticky;
  -ms-flex-item-align: center;
      align-self: center;
  z-index: 1;
  top: 0;
  height: 95px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  padding: 24px 120px 0;
}

.login-main {
  position: relative;
  -ms-flex-item-align: center;
      align-self: center;
  width: 100%;
  max-width: 1440px;
  padding: 0 24px 24px;
}

@media (min-width: 1480px) {
  .login-header .navbar-1 {
    padding: 16px 120px 12px;
    width: 1440px;
  }
}

@media (min-width: 1000px) and (max-width: 1480px) {
  .login-header {
    -ms-flex-pack: end;
        justify-content: flex-end;
    padding: 0 32px;
  }

  .login-header .navbar-1 {
    padding: 16px 24px 12px;
    width: 720px;
  }
}

@media (max-width: 1000px) {
  .navbar-2 {
    padding-top: 0;
    height: 60px;
  }

  .login-screen .tooltip-container div.tooltip-content {
    width: 130px;
  }

  .login-screen .content {
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 32px;
    min-height: initial;
  }

  .login-screen .content form {
    width: initial;
  }

  .login-screen .content .login-now {
    font-size: 40px;
    margin-bottom: 0;
  }

  .login-screen .content .login-now + div {
    display: none;
  }
}

@media (max-width: 375px) {
  .login-screen .login-now {
    display: none;
  }
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf,
.keyfigure-anchor .keyfigure-shadow > .content {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.keyfigure-dialog .kf-group-link,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.keyfigure-dialog .kf-group-link {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf,
.keyfigure-anchor .keyfigure-shadow > .content {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.keyfigure-trigger {
  margin-top: 31px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.keyfigure-anchor .keyfigure-shadow > .content {
  background-color: transparent;
  border: none;
  max-height: calc(60vh - 50px);
  overflow: auto;
  scrollbar-width: thin;
  padding: 0;
}

.keyfigure-anchor .keyfigure-shadow > .content > div {
  padding: 0;
  min-width: 10px;
  background-color: transparent;
}

.keyfigure-dialog div[class^='content-kf'] {
  display: -ms-flexbox;
  display: flex;
  width: calc(38px + 5*258px);
  padding: 0 24px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 16px;
}

.keyfigure-dialog div[class^='content-kf'].content-kf-1 {
  width: calc(38px + 1*258px);
}

.keyfigure-dialog div[class^='content-kf'].content-kf-2 {
  width: calc(38px + 2*258px);
}

.keyfigure-dialog div[class^='content-kf'].content-kf-3 {
  width: calc(38px + 3*258px);
}

.keyfigure-dialog div[class^='content-kf'].content-kf-4 {
  width: calc(38px + 4*258px);
}

.keyfigure-dialog div[class^='content-kf'].content-kf-5,
.keyfigure-dialog div[class^='content-kf'].content-kf-6 {
  width: calc(38px + 3*258px);
}

.keyfigure-dialog div[class^='content-kf'].content-kf-7,
.keyfigure-dialog div[class^='content-kf'].content-kf-8,
.keyfigure-dialog div[class^='content-kf'].content-kf-11,
.keyfigure-dialog div[class^='content-kf'].content-kf-12 {
  width: calc(38px + 4*258px);
}

.keyfigure-dialog .kf-group-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}

.keyfigure-dialog .kf-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  width: 248px;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid #CFCFCF;
}

.keyfigure-dialog .kf-group-header {
  cursor: -webkit-grab;
  cursor: grab;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #255B67;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.keyfigure-dialog .kf-group-header label.dsa-toggle {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.keyfigure-dialog .kf-group-header .kf-drag-handle {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.keyfigure-dialog .kf-group-header .kf-drag-handle + div {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.keyfigure-dialog .kf-group-links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 8px;
}

.keyfigure-dialog .kf-group-link {
  padding: 4px 0;
  cursor: pointer;
}

.keyfigure-dialog .kf-group-link.ds-active {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 6px 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 32px;
  background: #FF6522;
  color: #FFFFFF;
}

.keyfigure-dialog .kf-group-link.ds-active svg {
  cursor: pointer;
}

.keyfigure-dialog .kf-drag-handle {
  color: #7B8595;
}

.keyfigure-dialog .kf-title-toggle {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  gap: 8px;
  padding-right: 16px;
}

.keyfigure-dialog .kf-title-toggle > .dsa-info-bold,
.keyfigure-dialog .kf-title-toggle > .dsa-button-primary-small,
.keyfigure-dialog .kf-title-toggle > .dsa-button-secondary-small,
.keyfigure-dialog .kf-title-toggle > .ds-combi-input,
.keyfigure-dialog .kf-title-toggle > .kf-group-link {
  cursor: pointer;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf,
.pop-up-anchor .balloon-shadow > .content {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.balloon-dialog > .dialog-button-bar > button,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.balloon-dialog > .dialog-button-bar > button {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf,
.pop-up-anchor .balloon-shadow > .content {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.pop-up-anchor .balloon-shadow > .content {
  background-color: transparent;
  border: none;
  max-height: calc(60vh - 50px);
  overflow: auto;
  scrollbar-width: thin;
  padding: 0;
}

.pop-up-anchor .balloon-shadow > .content > div {
  padding: 0;
  min-width: 10px;
  background-color: transparent;
}

.balloon-dialog {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 12px;
  padding: 16px 0 0 0;
  border-radius: 8px;
  border: 1px solid #D4D4D4;
  background: #FFFFFF;
  letter-spacing: normal;
  text-transform: none;
}

.balloon-dialog > .dialog-button-bar {
  background-color: #F4F7F8;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 24px;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.balloon-dialog > .dialog-button-bar > button {
  line-height: 19px;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.balloon-dialog > .dialog-button-bar > button.dsa-button-primary,
.dsm-upgrade-info.balloon-dialog > div.dialog-button-bar > button,
.balloon-dialog > .dsm-upgrade-info.dialog-button-bar > button {
  color: #FFFFFF;
}

.balloon-dialog > .dialog-button-bar .go-to {
  -ms-flex-positive: 1;
      flex-grow: 1;
  text-align: right;
}

.balloon-dialog > .dialog-button-bar .go-to > * {
  display: inline-block;
}

.balloon-dialog div[class^='dialog-content'] {
  display: -ms-flexbox;
  display: flex;
  padding: 0 24px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 16px;
}

.balloon-dialog .dialog-title {
  color: #222222;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 133.333% */
  white-space: nowrap;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.report-table table .tr-sum-row th,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.report-table table tbody th,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.keyfigure-cell .relative-value,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.report-table table thead th,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book,
.report-table table .tr-sum-row th {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.report-table table tbody th {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.keyfigure-cell .relative-value {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.report-table table thead th {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16,
.report-more {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.report-table tbody .tr-attribute-row:nth-child(1) th {
  z-index: 399;
}

.report-table tbody .tr-attribute-row:nth-child(2) th {
  z-index: 398;
}

.report-table tbody .tr-attribute-row:nth-child(3) th {
  z-index: 397;
}

.report-table tbody .tr-attribute-row:nth-child(4) th {
  z-index: 396;
}

.report-table tbody .tr-attribute-row:nth-child(5) th {
  z-index: 395;
}

.report-table tbody .tr-attribute-row:nth-child(6) th {
  z-index: 394;
}

.report-table tbody .tr-attribute-row:nth-child(7) th {
  z-index: 393;
}

.report-table tbody .tr-attribute-row:nth-child(8) th {
  z-index: 392;
}

.report-table tbody .tr-attribute-row:nth-child(9) th {
  z-index: 391;
}

.report-table tbody .tr-attribute-row:nth-child(10) th {
  z-index: 390;
}

.report-table tbody .tr-attribute-row:nth-child(11) th {
  z-index: 389;
}

.report-table tbody .tr-attribute-row:nth-child(12) th {
  z-index: 388;
}

.report-table tbody .tr-attribute-row:nth-child(13) th {
  z-index: 387;
}

.report-table tbody .tr-attribute-row:nth-child(14) th {
  z-index: 386;
}

.report-table tbody .tr-attribute-row:nth-child(15) th {
  z-index: 385;
}

.report-table tbody .tr-attribute-row:nth-child(16) th {
  z-index: 384;
}

.report-table tbody .tr-attribute-row:nth-child(17) th {
  z-index: 383;
}

.report-table tbody .tr-attribute-row:nth-child(18) th {
  z-index: 382;
}

.report-table tbody .tr-attribute-row:nth-child(19) th {
  z-index: 381;
}

.report-table tbody .tr-attribute-row:nth-child(20) th {
  z-index: 380;
}

.report-table tbody .tr-attribute-row:nth-child(21) th {
  z-index: 379;
}

.report-table tbody .tr-attribute-row:nth-child(22) th {
  z-index: 378;
}

.report-table tbody .tr-attribute-row:nth-child(23) th {
  z-index: 377;
}

.report-table tbody .tr-attribute-row:nth-child(24) th {
  z-index: 376;
}

.report-table tbody .tr-attribute-row:nth-child(25) th {
  z-index: 375;
}

.report-table tbody .tr-attribute-row:nth-child(26) th {
  z-index: 374;
}

.report-table tbody .tr-attribute-row:nth-child(27) th {
  z-index: 373;
}

.report-table tbody .tr-attribute-row:nth-child(28) th {
  z-index: 372;
}

.report-table tbody .tr-attribute-row:nth-child(29) th {
  z-index: 371;
}

.report-table tbody .tr-attribute-row:nth-child(30) th {
  z-index: 370;
}

.report-table tbody .tr-attribute-row:nth-child(31) th {
  z-index: 369;
}

.report-table tbody .tr-attribute-row:nth-child(32) th {
  z-index: 368;
}

.report-table tbody .tr-attribute-row:nth-child(33) th {
  z-index: 367;
}

.report-table tbody .tr-attribute-row:nth-child(34) th {
  z-index: 366;
}

.report-table tbody .tr-attribute-row:nth-child(35) th {
  z-index: 365;
}

.report-table tbody .tr-attribute-row:nth-child(36) th {
  z-index: 364;
}

.report-table tbody .tr-attribute-row:nth-child(37) th {
  z-index: 363;
}

.report-table tbody .tr-attribute-row:nth-child(38) th {
  z-index: 362;
}

.report-table tbody .tr-attribute-row:nth-child(39) th {
  z-index: 361;
}

.report-table tbody .tr-attribute-row:nth-child(40) th {
  z-index: 360;
}

.report-table tbody .tr-attribute-row:nth-child(41) th {
  z-index: 359;
}

.report-table tbody .tr-attribute-row:nth-child(42) th {
  z-index: 358;
}

.report-table tbody .tr-attribute-row:nth-child(43) th {
  z-index: 357;
}

.report-table tbody .tr-attribute-row:nth-child(44) th {
  z-index: 356;
}

.report-table tbody .tr-attribute-row:nth-child(45) th {
  z-index: 355;
}

.report-table tbody .tr-attribute-row:nth-child(46) th {
  z-index: 354;
}

.report-table tbody .tr-attribute-row:nth-child(47) th {
  z-index: 353;
}

.report-table tbody .tr-attribute-row:nth-child(48) th {
  z-index: 352;
}

.report-table tbody .tr-attribute-row:nth-child(49) th {
  z-index: 351;
}

.report-table tbody .tr-attribute-row:nth-child(50) th {
  z-index: 350;
}

.report-table tbody .tr-attribute-row:nth-child(51) th {
  z-index: 349;
}

.report-table tbody .tr-attribute-row:nth-child(52) th {
  z-index: 348;
}

.report-table tbody .tr-attribute-row:nth-child(53) th {
  z-index: 347;
}

.report-table tbody .tr-attribute-row:nth-child(54) th {
  z-index: 346;
}

.report-table tbody .tr-attribute-row:nth-child(55) th {
  z-index: 345;
}

.report-table tbody .tr-attribute-row:nth-child(56) th {
  z-index: 344;
}

.report-table tbody .tr-attribute-row:nth-child(57) th {
  z-index: 343;
}

.report-table tbody .tr-attribute-row:nth-child(58) th {
  z-index: 342;
}

.report-table tbody .tr-attribute-row:nth-child(59) th {
  z-index: 341;
}

.report-table tbody .tr-attribute-row:nth-child(60) th {
  z-index: 340;
}

.report-table tbody .tr-attribute-row:nth-child(61) th {
  z-index: 339;
}

.report-table tbody .tr-attribute-row:nth-child(62) th {
  z-index: 338;
}

.report-table tbody .tr-attribute-row:nth-child(63) th {
  z-index: 337;
}

.report-table tbody .tr-attribute-row:nth-child(64) th {
  z-index: 336;
}

.report-table tbody .tr-attribute-row:nth-child(65) th {
  z-index: 335;
}

.report-table tbody .tr-attribute-row:nth-child(66) th {
  z-index: 334;
}

.report-table tbody .tr-attribute-row:nth-child(67) th {
  z-index: 333;
}

.report-table tbody .tr-attribute-row:nth-child(68) th {
  z-index: 332;
}

.report-table tbody .tr-attribute-row:nth-child(69) th {
  z-index: 331;
}

.report-table tbody .tr-attribute-row:nth-child(70) th {
  z-index: 330;
}

.report-table tbody .tr-attribute-row:nth-child(71) th {
  z-index: 329;
}

.report-table tbody .tr-attribute-row:nth-child(72) th {
  z-index: 328;
}

.report-table tbody .tr-attribute-row:nth-child(73) th {
  z-index: 327;
}

.report-table tbody .tr-attribute-row:nth-child(74) th {
  z-index: 326;
}

.report-table tbody .tr-attribute-row:nth-child(75) th {
  z-index: 325;
}

.report-table tbody .tr-attribute-row:nth-child(76) th {
  z-index: 324;
}

.report-table tbody .tr-attribute-row:nth-child(77) th {
  z-index: 323;
}

.report-table tbody .tr-attribute-row:nth-child(78) th {
  z-index: 322;
}

.report-table tbody .tr-attribute-row:nth-child(79) th {
  z-index: 321;
}

.report-table tbody .tr-attribute-row:nth-child(80) th {
  z-index: 320;
}

.report-table tbody .tr-attribute-row:nth-child(81) th {
  z-index: 319;
}

.report-table tbody .tr-attribute-row:nth-child(82) th {
  z-index: 318;
}

.report-table tbody .tr-attribute-row:nth-child(83) th {
  z-index: 317;
}

.report-table tbody .tr-attribute-row:nth-child(84) th {
  z-index: 316;
}

.report-table tbody .tr-attribute-row:nth-child(85) th {
  z-index: 315;
}

.report-table tbody .tr-attribute-row:nth-child(86) th {
  z-index: 314;
}

.report-table tbody .tr-attribute-row:nth-child(87) th {
  z-index: 313;
}

.report-table tbody .tr-attribute-row:nth-child(88) th {
  z-index: 312;
}

.report-table tbody .tr-attribute-row:nth-child(89) th {
  z-index: 311;
}

.report-table tbody .tr-attribute-row:nth-child(90) th {
  z-index: 310;
}

.report-table tbody .tr-attribute-row:nth-child(91) th {
  z-index: 309;
}

.report-table tbody .tr-attribute-row:nth-child(92) th {
  z-index: 308;
}

.report-table tbody .tr-attribute-row:nth-child(93) th {
  z-index: 307;
}

.report-table tbody .tr-attribute-row:nth-child(94) th {
  z-index: 306;
}

.report-table tbody .tr-attribute-row:nth-child(95) th {
  z-index: 305;
}

.report-table tbody .tr-attribute-row:nth-child(96) th {
  z-index: 304;
}

.report-table tbody .tr-attribute-row:nth-child(97) th {
  z-index: 303;
}

.report-table tbody .tr-attribute-row:nth-child(98) th {
  z-index: 302;
}

.report-table tbody .tr-attribute-row:nth-child(99) th {
  z-index: 301;
}

.report-table tbody .tr-attribute-row:nth-child(100) th {
  z-index: 300;
}

.report-table tbody .tr-attribute-row:nth-child(101) th {
  z-index: 299;
}

.report-table tbody .tr-attribute-row:nth-child(102) th {
  z-index: 298;
}

.report-table tbody .tr-attribute-row:nth-child(103) th {
  z-index: 297;
}

.report-table tbody .tr-attribute-row:nth-child(104) th {
  z-index: 296;
}

.report-table tbody .tr-attribute-row:nth-child(105) th {
  z-index: 295;
}

.report-table tbody .tr-attribute-row:nth-child(106) th {
  z-index: 294;
}

.report-table tbody .tr-attribute-row:nth-child(107) th {
  z-index: 293;
}

.report-table tbody .tr-attribute-row:nth-child(108) th {
  z-index: 292;
}

.report-table tbody .tr-attribute-row:nth-child(109) th {
  z-index: 291;
}

.report-table tbody .tr-attribute-row:nth-child(110) th {
  z-index: 290;
}

.report-table tbody .tr-attribute-row:nth-child(111) th {
  z-index: 289;
}

.report-table tbody .tr-attribute-row:nth-child(112) th {
  z-index: 288;
}

.report-table tbody .tr-attribute-row:nth-child(113) th {
  z-index: 287;
}

.report-table tbody .tr-attribute-row:nth-child(114) th {
  z-index: 286;
}

.report-table tbody .tr-attribute-row:nth-child(115) th {
  z-index: 285;
}

.report-table tbody .tr-attribute-row:nth-child(116) th {
  z-index: 284;
}

.report-table tbody .tr-attribute-row:nth-child(117) th {
  z-index: 283;
}

.report-table tbody .tr-attribute-row:nth-child(118) th {
  z-index: 282;
}

.report-table tbody .tr-attribute-row:nth-child(119) th {
  z-index: 281;
}

.report-table tbody .tr-attribute-row:nth-child(120) th {
  z-index: 280;
}

.report-table tbody .tr-attribute-row:nth-child(121) th {
  z-index: 279;
}

.report-table tbody .tr-attribute-row:nth-child(122) th {
  z-index: 278;
}

.report-table tbody .tr-attribute-row:nth-child(123) th {
  z-index: 277;
}

.report-table tbody .tr-attribute-row:nth-child(124) th {
  z-index: 276;
}

.report-table tbody .tr-attribute-row:nth-child(125) th {
  z-index: 275;
}

.report-table tbody .tr-attribute-row:nth-child(126) th {
  z-index: 274;
}

.report-table tbody .tr-attribute-row:nth-child(127) th {
  z-index: 273;
}

.report-table tbody .tr-attribute-row:nth-child(128) th {
  z-index: 272;
}

.report-table tbody .tr-attribute-row:nth-child(129) th {
  z-index: 271;
}

.report-table tbody .tr-attribute-row:nth-child(130) th {
  z-index: 270;
}

.report-table tbody .tr-attribute-row:nth-child(131) th {
  z-index: 269;
}

.report-table tbody .tr-attribute-row:nth-child(132) th {
  z-index: 268;
}

.report-table tbody .tr-attribute-row:nth-child(133) th {
  z-index: 267;
}

.report-table tbody .tr-attribute-row:nth-child(134) th {
  z-index: 266;
}

.report-table tbody .tr-attribute-row:nth-child(135) th {
  z-index: 265;
}

.report-table tbody .tr-attribute-row:nth-child(136) th {
  z-index: 264;
}

.report-table tbody .tr-attribute-row:nth-child(137) th {
  z-index: 263;
}

.report-table tbody .tr-attribute-row:nth-child(138) th {
  z-index: 262;
}

.report-table tbody .tr-attribute-row:nth-child(139) th {
  z-index: 261;
}

.report-table tbody .tr-attribute-row:nth-child(140) th {
  z-index: 260;
}

.report-table tbody .tr-attribute-row:nth-child(141) th {
  z-index: 259;
}

.report-table tbody .tr-attribute-row:nth-child(142) th {
  z-index: 258;
}

.report-table tbody .tr-attribute-row:nth-child(143) th {
  z-index: 257;
}

.report-table tbody .tr-attribute-row:nth-child(144) th {
  z-index: 256;
}

.report-table tbody .tr-attribute-row:nth-child(145) th {
  z-index: 255;
}

.report-table tbody .tr-attribute-row:nth-child(146) th {
  z-index: 254;
}

.report-table tbody .tr-attribute-row:nth-child(147) th {
  z-index: 253;
}

.report-table tbody .tr-attribute-row:nth-child(148) th {
  z-index: 252;
}

.report-table tbody .tr-attribute-row:nth-child(149) th {
  z-index: 251;
}

.report-table tbody .tr-attribute-row:nth-child(150) th {
  z-index: 250;
}

.report-table tbody .tr-attribute-row:nth-child(151) th {
  z-index: 249;
}

.report-table tbody .tr-attribute-row:nth-child(152) th {
  z-index: 248;
}

.report-table tbody .tr-attribute-row:nth-child(153) th {
  z-index: 247;
}

.report-table tbody .tr-attribute-row:nth-child(154) th {
  z-index: 246;
}

.report-table tbody .tr-attribute-row:nth-child(155) th {
  z-index: 245;
}

.report-table tbody .tr-attribute-row:nth-child(156) th {
  z-index: 244;
}

.report-table tbody .tr-attribute-row:nth-child(157) th {
  z-index: 243;
}

.report-table tbody .tr-attribute-row:nth-child(158) th {
  z-index: 242;
}

.report-table tbody .tr-attribute-row:nth-child(159) th {
  z-index: 241;
}

.report-table tbody .tr-attribute-row:nth-child(160) th {
  z-index: 240;
}

.report-table tbody .tr-attribute-row:nth-child(161) th {
  z-index: 239;
}

.report-table tbody .tr-attribute-row:nth-child(162) th {
  z-index: 238;
}

.report-table tbody .tr-attribute-row:nth-child(163) th {
  z-index: 237;
}

.report-table tbody .tr-attribute-row:nth-child(164) th {
  z-index: 236;
}

.report-table tbody .tr-attribute-row:nth-child(165) th {
  z-index: 235;
}

.report-table tbody .tr-attribute-row:nth-child(166) th {
  z-index: 234;
}

.report-table tbody .tr-attribute-row:nth-child(167) th {
  z-index: 233;
}

.report-table tbody .tr-attribute-row:nth-child(168) th {
  z-index: 232;
}

.report-table tbody .tr-attribute-row:nth-child(169) th {
  z-index: 231;
}

.report-table tbody .tr-attribute-row:nth-child(170) th {
  z-index: 230;
}

.report-table tbody .tr-attribute-row:nth-child(171) th {
  z-index: 229;
}

.report-table tbody .tr-attribute-row:nth-child(172) th {
  z-index: 228;
}

.report-table tbody .tr-attribute-row:nth-child(173) th {
  z-index: 227;
}

.report-table tbody .tr-attribute-row:nth-child(174) th {
  z-index: 226;
}

.report-table tbody .tr-attribute-row:nth-child(175) th {
  z-index: 225;
}

.report-table tbody .tr-attribute-row:nth-child(176) th {
  z-index: 224;
}

.report-table tbody .tr-attribute-row:nth-child(177) th {
  z-index: 223;
}

.report-table tbody .tr-attribute-row:nth-child(178) th {
  z-index: 222;
}

.report-table tbody .tr-attribute-row:nth-child(179) th {
  z-index: 221;
}

.report-table tbody .tr-attribute-row:nth-child(180) th {
  z-index: 220;
}

.report-table tbody .tr-attribute-row:nth-child(181) th {
  z-index: 219;
}

.report-table tbody .tr-attribute-row:nth-child(182) th {
  z-index: 218;
}

.report-table tbody .tr-attribute-row:nth-child(183) th {
  z-index: 217;
}

.report-table tbody .tr-attribute-row:nth-child(184) th {
  z-index: 216;
}

.report-table tbody .tr-attribute-row:nth-child(185) th {
  z-index: 215;
}

.report-table tbody .tr-attribute-row:nth-child(186) th {
  z-index: 214;
}

.report-table tbody .tr-attribute-row:nth-child(187) th {
  z-index: 213;
}

.report-table tbody .tr-attribute-row:nth-child(188) th {
  z-index: 212;
}

.report-table tbody .tr-attribute-row:nth-child(189) th {
  z-index: 211;
}

.report-table tbody .tr-attribute-row:nth-child(190) th {
  z-index: 210;
}

.report-table tbody .tr-attribute-row:nth-child(191) th {
  z-index: 209;
}

.report-table tbody .tr-attribute-row:nth-child(192) th {
  z-index: 208;
}

.report-table tbody .tr-attribute-row:nth-child(193) th {
  z-index: 207;
}

.report-table tbody .tr-attribute-row:nth-child(194) th {
  z-index: 206;
}

.report-table tbody .tr-attribute-row:nth-child(195) th {
  z-index: 205;
}

.report-table tbody .tr-attribute-row:nth-child(196) th {
  z-index: 204;
}

.report-table tbody .tr-attribute-row:nth-child(197) th {
  z-index: 203;
}

.report-table tbody .tr-attribute-row:nth-child(198) th {
  z-index: 202;
}

.report-table tbody .tr-attribute-row:nth-child(199) th {
  z-index: 201;
}

.report-table tbody .tr-attribute-row:nth-child(200) th {
  z-index: 200;
}

.report-table tbody .tr-attribute-row:nth-child(201) th {
  z-index: 199;
}

.report-table tbody .tr-attribute-row:nth-child(202) th {
  z-index: 198;
}

.report-table tbody .tr-attribute-row:nth-child(203) th {
  z-index: 197;
}

.report-table tbody .tr-attribute-row:nth-child(204) th {
  z-index: 196;
}

.report-table tbody .tr-attribute-row:nth-child(205) th {
  z-index: 195;
}

.report-table tbody .tr-attribute-row:nth-child(206) th {
  z-index: 194;
}

.report-table tbody .tr-attribute-row:nth-child(207) th {
  z-index: 193;
}

.report-table tbody .tr-attribute-row:nth-child(208) th {
  z-index: 192;
}

.report-table tbody .tr-attribute-row:nth-child(209) th {
  z-index: 191;
}

.report-table tbody .tr-attribute-row:nth-child(210) th {
  z-index: 190;
}

.report-table tbody .tr-attribute-row:nth-child(211) th {
  z-index: 189;
}

.report-table tbody .tr-attribute-row:nth-child(212) th {
  z-index: 188;
}

.report-table tbody .tr-attribute-row:nth-child(213) th {
  z-index: 187;
}

.report-table tbody .tr-attribute-row:nth-child(214) th {
  z-index: 186;
}

.report-table tbody .tr-attribute-row:nth-child(215) th {
  z-index: 185;
}

.report-table tbody .tr-attribute-row:nth-child(216) th {
  z-index: 184;
}

.report-table tbody .tr-attribute-row:nth-child(217) th {
  z-index: 183;
}

.report-table tbody .tr-attribute-row:nth-child(218) th {
  z-index: 182;
}

.report-table tbody .tr-attribute-row:nth-child(219) th {
  z-index: 181;
}

.report-table tbody .tr-attribute-row:nth-child(220) th {
  z-index: 180;
}

.report-table tbody .tr-attribute-row:nth-child(221) th {
  z-index: 179;
}

.report-table tbody .tr-attribute-row:nth-child(222) th {
  z-index: 178;
}

.report-table tbody .tr-attribute-row:nth-child(223) th {
  z-index: 177;
}

.report-table tbody .tr-attribute-row:nth-child(224) th {
  z-index: 176;
}

.report-table tbody .tr-attribute-row:nth-child(225) th {
  z-index: 175;
}

.report-table tbody .tr-attribute-row:nth-child(226) th {
  z-index: 174;
}

.report-table tbody .tr-attribute-row:nth-child(227) th {
  z-index: 173;
}

.report-table tbody .tr-attribute-row:nth-child(228) th {
  z-index: 172;
}

.report-table tbody .tr-attribute-row:nth-child(229) th {
  z-index: 171;
}

.report-table tbody .tr-attribute-row:nth-child(230) th {
  z-index: 170;
}

.report-table tbody .tr-attribute-row:nth-child(231) th {
  z-index: 169;
}

.report-table tbody .tr-attribute-row:nth-child(232) th {
  z-index: 168;
}

.report-table tbody .tr-attribute-row:nth-child(233) th {
  z-index: 167;
}

.report-table tbody .tr-attribute-row:nth-child(234) th {
  z-index: 166;
}

.report-table tbody .tr-attribute-row:nth-child(235) th {
  z-index: 165;
}

.report-table tbody .tr-attribute-row:nth-child(236) th {
  z-index: 164;
}

.report-table tbody .tr-attribute-row:nth-child(237) th {
  z-index: 163;
}

.report-table tbody .tr-attribute-row:nth-child(238) th {
  z-index: 162;
}

.report-table tbody .tr-attribute-row:nth-child(239) th {
  z-index: 161;
}

.report-table tbody .tr-attribute-row:nth-child(240) th {
  z-index: 160;
}

.report-table tbody .tr-attribute-row:nth-child(241) th {
  z-index: 159;
}

.report-table tbody .tr-attribute-row:nth-child(242) th {
  z-index: 158;
}

.report-table tbody .tr-attribute-row:nth-child(243) th {
  z-index: 157;
}

.report-table tbody .tr-attribute-row:nth-child(244) th {
  z-index: 156;
}

.report-table tbody .tr-attribute-row:nth-child(245) th {
  z-index: 155;
}

.report-table tbody .tr-attribute-row:nth-child(246) th {
  z-index: 154;
}

.report-table tbody .tr-attribute-row:nth-child(247) th {
  z-index: 153;
}

.report-table tbody .tr-attribute-row:nth-child(248) th {
  z-index: 152;
}

.report-table tbody .tr-attribute-row:nth-child(249) th {
  z-index: 151;
}

.report-table tbody .tr-attribute-row:nth-child(250) th {
  z-index: 150;
}

.report-table tbody .tr-attribute-row:nth-child(251) th {
  z-index: 149;
}

.report-table tbody .tr-attribute-row:nth-child(252) th {
  z-index: 148;
}

.report-table tbody .tr-attribute-row:nth-child(253) th {
  z-index: 147;
}

.report-table tbody .tr-attribute-row:nth-child(254) th {
  z-index: 146;
}

.report-table tbody .tr-attribute-row:nth-child(255) th {
  z-index: 145;
}

.report-table tbody .tr-attribute-row:nth-child(256) th {
  z-index: 144;
}

.report-table tbody .tr-attribute-row:nth-child(257) th {
  z-index: 143;
}

.report-table tbody .tr-attribute-row:nth-child(258) th {
  z-index: 142;
}

.report-table tbody .tr-attribute-row:nth-child(259) th {
  z-index: 141;
}

.report-table tbody .tr-attribute-row:nth-child(260) th {
  z-index: 140;
}

.report-table tbody .tr-attribute-row:nth-child(261) th {
  z-index: 139;
}

.report-table tbody .tr-attribute-row:nth-child(262) th {
  z-index: 138;
}

.report-table tbody .tr-attribute-row:nth-child(263) th {
  z-index: 137;
}

.report-table tbody .tr-attribute-row:nth-child(264) th {
  z-index: 136;
}

.report-table tbody .tr-attribute-row:nth-child(265) th {
  z-index: 135;
}

.report-table tbody .tr-attribute-row:nth-child(266) th {
  z-index: 134;
}

.report-table tbody .tr-attribute-row:nth-child(267) th {
  z-index: 133;
}

.report-table tbody .tr-attribute-row:nth-child(268) th {
  z-index: 132;
}

.report-table tbody .tr-attribute-row:nth-child(269) th {
  z-index: 131;
}

.report-table tbody .tr-attribute-row:nth-child(270) th {
  z-index: 130;
}

.report-table tbody .tr-attribute-row:nth-child(271) th {
  z-index: 129;
}

.report-table tbody .tr-attribute-row:nth-child(272) th {
  z-index: 128;
}

.report-table tbody .tr-attribute-row:nth-child(273) th {
  z-index: 127;
}

.report-table tbody .tr-attribute-row:nth-child(274) th {
  z-index: 126;
}

.report-table tbody .tr-attribute-row:nth-child(275) th {
  z-index: 125;
}

.report-table tbody .tr-attribute-row:nth-child(276) th {
  z-index: 124;
}

.report-table tbody .tr-attribute-row:nth-child(277) th {
  z-index: 123;
}

.report-table tbody .tr-attribute-row:nth-child(278) th {
  z-index: 122;
}

.report-table tbody .tr-attribute-row:nth-child(279) th {
  z-index: 121;
}

.report-table tbody .tr-attribute-row:nth-child(280) th {
  z-index: 120;
}

.report-table tbody .tr-attribute-row:nth-child(281) th {
  z-index: 119;
}

.report-table tbody .tr-attribute-row:nth-child(282) th {
  z-index: 118;
}

.report-table tbody .tr-attribute-row:nth-child(283) th {
  z-index: 117;
}

.report-table tbody .tr-attribute-row:nth-child(284) th {
  z-index: 116;
}

.report-table tbody .tr-attribute-row:nth-child(285) th {
  z-index: 115;
}

.report-table tbody .tr-attribute-row:nth-child(286) th {
  z-index: 114;
}

.report-table tbody .tr-attribute-row:nth-child(287) th {
  z-index: 113;
}

.report-table tbody .tr-attribute-row:nth-child(288) th {
  z-index: 112;
}

.report-table tbody .tr-attribute-row:nth-child(289) th {
  z-index: 111;
}

.report-table tbody .tr-attribute-row:nth-child(290) th {
  z-index: 110;
}

.report-table tbody .tr-attribute-row:nth-child(291) th {
  z-index: 109;
}

.report-table tbody .tr-attribute-row:nth-child(292) th {
  z-index: 108;
}

.report-table tbody .tr-attribute-row:nth-child(293) th {
  z-index: 107;
}

.report-table tbody .tr-attribute-row:nth-child(294) th {
  z-index: 106;
}

.report-table tbody .tr-attribute-row:nth-child(295) th {
  z-index: 105;
}

.report-table tbody .tr-attribute-row:nth-child(296) th {
  z-index: 104;
}

.report-table tbody .tr-attribute-row:nth-child(297) th {
  z-index: 103;
}

.report-table tbody .tr-attribute-row:nth-child(298) th {
  z-index: 102;
}

.report-table tbody .tr-attribute-row:nth-child(299) th {
  z-index: 101;
}

.report-table tbody .tr-attribute-row:nth-child(300) th {
  z-index: 100;
}

.report-table tbody .tr-attribute-row:nth-child(301) th {
  z-index: 99;
}

.report-table tbody .tr-attribute-row:nth-child(302) th {
  z-index: 98;
}

.report-table tbody .tr-attribute-row:nth-child(303) th {
  z-index: 97;
}

.report-table tbody .tr-attribute-row:nth-child(304) th {
  z-index: 96;
}

.report-table tbody .tr-attribute-row:nth-child(305) th {
  z-index: 95;
}

.report-table tbody .tr-attribute-row:nth-child(306) th {
  z-index: 94;
}

.report-table tbody .tr-attribute-row:nth-child(307) th {
  z-index: 93;
}

.report-table tbody .tr-attribute-row:nth-child(308) th {
  z-index: 92;
}

.report-table tbody .tr-attribute-row:nth-child(309) th {
  z-index: 91;
}

.report-table tbody .tr-attribute-row:nth-child(310) th {
  z-index: 90;
}

.report-table tbody .tr-attribute-row:nth-child(311) th {
  z-index: 89;
}

.report-table tbody .tr-attribute-row:nth-child(312) th {
  z-index: 88;
}

.report-table tbody .tr-attribute-row:nth-child(313) th {
  z-index: 87;
}

.report-table tbody .tr-attribute-row:nth-child(314) th {
  z-index: 86;
}

.report-table tbody .tr-attribute-row:nth-child(315) th {
  z-index: 85;
}

.report-table tbody .tr-attribute-row:nth-child(316) th {
  z-index: 84;
}

.report-table tbody .tr-attribute-row:nth-child(317) th {
  z-index: 83;
}

.report-table tbody .tr-attribute-row:nth-child(318) th {
  z-index: 82;
}

.report-table tbody .tr-attribute-row:nth-child(319) th {
  z-index: 81;
}

.report-table tbody .tr-attribute-row:nth-child(320) th {
  z-index: 80;
}

.report-table tbody .tr-attribute-row:nth-child(321) th {
  z-index: 79;
}

.report-table tbody .tr-attribute-row:nth-child(322) th {
  z-index: 78;
}

.report-table tbody .tr-attribute-row:nth-child(323) th {
  z-index: 77;
}

.report-table tbody .tr-attribute-row:nth-child(324) th {
  z-index: 76;
}

.report-table tbody .tr-attribute-row:nth-child(325) th {
  z-index: 75;
}

.report-table tbody .tr-attribute-row:nth-child(326) th {
  z-index: 74;
}

.report-table tbody .tr-attribute-row:nth-child(327) th {
  z-index: 73;
}

.report-table tbody .tr-attribute-row:nth-child(328) th {
  z-index: 72;
}

.report-table tbody .tr-attribute-row:nth-child(329) th {
  z-index: 71;
}

.report-table tbody .tr-attribute-row:nth-child(330) th {
  z-index: 70;
}

.report-table tbody .tr-attribute-row:nth-child(331) th {
  z-index: 69;
}

.report-table tbody .tr-attribute-row:nth-child(332) th {
  z-index: 68;
}

.report-table tbody .tr-attribute-row:nth-child(333) th {
  z-index: 67;
}

.report-table tbody .tr-attribute-row:nth-child(334) th {
  z-index: 66;
}

.report-table tbody .tr-attribute-row:nth-child(335) th {
  z-index: 65;
}

.report-table tbody .tr-attribute-row:nth-child(336) th {
  z-index: 64;
}

.report-table tbody .tr-attribute-row:nth-child(337) th {
  z-index: 63;
}

.report-table tbody .tr-attribute-row:nth-child(338) th {
  z-index: 62;
}

.report-table tbody .tr-attribute-row:nth-child(339) th {
  z-index: 61;
}

.report-table tbody .tr-attribute-row:nth-child(340) th {
  z-index: 60;
}

.report-table tbody .tr-attribute-row:nth-child(341) th {
  z-index: 59;
}

.report-table tbody .tr-attribute-row:nth-child(342) th {
  z-index: 58;
}

.report-table tbody .tr-attribute-row:nth-child(343) th {
  z-index: 57;
}

.report-table tbody .tr-attribute-row:nth-child(344) th {
  z-index: 56;
}

.report-table tbody .tr-attribute-row:nth-child(345) th {
  z-index: 55;
}

.report-table tbody .tr-attribute-row:nth-child(346) th {
  z-index: 54;
}

.report-table tbody .tr-attribute-row:nth-child(347) th {
  z-index: 53;
}

.report-table tbody .tr-attribute-row:nth-child(348) th {
  z-index: 52;
}

.report-table tbody .tr-attribute-row:nth-child(349) th {
  z-index: 51;
}

.report-table tbody .tr-attribute-row:nth-child(350) th {
  z-index: 50;
}

.report-table tbody .tr-attribute-row:nth-child(351) th {
  z-index: 49;
}

.report-table tbody .tr-attribute-row:nth-child(352) th {
  z-index: 48;
}

.report-table tbody .tr-attribute-row:nth-child(353) th {
  z-index: 47;
}

.report-table tbody .tr-attribute-row:nth-child(354) th {
  z-index: 46;
}

.report-table tbody .tr-attribute-row:nth-child(355) th {
  z-index: 45;
}

.report-table tbody .tr-attribute-row:nth-child(356) th {
  z-index: 44;
}

.report-table tbody .tr-attribute-row:nth-child(357) th {
  z-index: 43;
}

.report-table tbody .tr-attribute-row:nth-child(358) th {
  z-index: 42;
}

.report-table tbody .tr-attribute-row:nth-child(359) th {
  z-index: 41;
}

.report-table tbody .tr-attribute-row:nth-child(360) th {
  z-index: 40;
}

.report-table tbody .tr-attribute-row:nth-child(361) th {
  z-index: 39;
}

.report-table tbody .tr-attribute-row:nth-child(362) th {
  z-index: 38;
}

.report-table tbody .tr-attribute-row:nth-child(363) th {
  z-index: 37;
}

.report-table tbody .tr-attribute-row:nth-child(364) th {
  z-index: 36;
}

.report-table tbody .tr-attribute-row:nth-child(365) th {
  z-index: 35;
}

.report-table tbody .tr-attribute-row:nth-child(366) th {
  z-index: 34;
}

.report-table tbody .tr-attribute-row:nth-child(367) th {
  z-index: 33;
}

.report-table tbody .tr-attribute-row:nth-child(368) th {
  z-index: 32;
}

.report-table tbody .tr-attribute-row:nth-child(369) th {
  z-index: 31;
}

.report-table tbody .tr-attribute-row:nth-child(370) th {
  z-index: 30;
}

.report-table tbody .tr-attribute-row:nth-child(371) th {
  z-index: 29;
}

.report-table tbody .tr-attribute-row:nth-child(372) th {
  z-index: 28;
}

.report-table tbody .tr-attribute-row:nth-child(373) th {
  z-index: 27;
}

.report-table tbody .tr-attribute-row:nth-child(374) th {
  z-index: 26;
}

.report-table tbody .tr-attribute-row:nth-child(375) th {
  z-index: 25;
}

.report-table tbody .tr-attribute-row:nth-child(376) th {
  z-index: 24;
}

.report-table tbody .tr-attribute-row:nth-child(377) th {
  z-index: 23;
}

.report-table tbody .tr-attribute-row:nth-child(378) th {
  z-index: 22;
}

.report-table tbody .tr-attribute-row:nth-child(379) th {
  z-index: 21;
}

.report-table tbody .tr-attribute-row:nth-child(380) th {
  z-index: 20;
}

.report-table tbody .tr-attribute-row:nth-child(381) th {
  z-index: 19;
}

.report-table tbody .tr-attribute-row:nth-child(382) th {
  z-index: 18;
}

.report-table tbody .tr-attribute-row:nth-child(383) th {
  z-index: 17;
}

.report-table tbody .tr-attribute-row:nth-child(384) th {
  z-index: 16;
}

.report-table tbody .tr-attribute-row:nth-child(385) th {
  z-index: 15;
}

.report-table tbody .tr-attribute-row:nth-child(386) th {
  z-index: 14;
}

.report-table tbody .tr-attribute-row:nth-child(387) th {
  z-index: 13;
}

.report-table tbody .tr-attribute-row:nth-child(388) th {
  z-index: 12;
}

.report-table tbody .tr-attribute-row:nth-child(389) th {
  z-index: 11;
}

.report-table tbody .tr-attribute-row:nth-child(390) th {
  z-index: 10;
}

.report-table tbody .tr-attribute-row:nth-child(391) th {
  z-index: 9;
}

.report-table tbody .tr-attribute-row:nth-child(392) th {
  z-index: 8;
}

.report-table tbody .tr-attribute-row:nth-child(393) th {
  z-index: 7;
}

.report-table tbody .tr-attribute-row:nth-child(394) th {
  z-index: 6;
}

.report-table tbody .tr-attribute-row:nth-child(395) th {
  z-index: 5;
}

.report-table tbody .tr-attribute-row:nth-child(396) th {
  z-index: 4;
}

.report-table tbody .tr-attribute-row:nth-child(397) th {
  z-index: 3;
}

.report-table tbody .tr-attribute-row:nth-child(398) th {
  z-index: 2;
}

.report-table tbody .tr-attribute-row:nth-child(399) th {
  z-index: 1;
}

.report-table tbody .tr-attribute-row:nth-child(400) th {
  z-index: 0;
}

.report-table {
  display: -ms-flexbox;
  display: flex;
}

.report-table > .loader-wrapper {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 120px;
}

.report-table table {
  table-layout: fixed;
  height: 1px;
  border-collapse: separate;
  border-spacing: 0;
}

.report-table table th {
  z-index: 1;
}

.report-table table th,
.report-table table td {
  width: 154px;
  padding: 12px;
  text-align: center;
  vertical-align: middle;
  background-color: #EBF0F5;
}

.report-table table th.keyfigure-header-group,
.report-table table td.keyfigure-header-group {
  position: relative;
}

.report-table table th.keyfigure-header-group:hover,
.report-table table td.keyfigure-header-group:hover {
  z-index: 10;
}

.report-table table th.keyfigure-header-group:before,
.report-table table th.keyfigure-header-group:after,
.report-table table td.keyfigure-header-group:before,
.report-table table td.keyfigure-header-group:after {
  position: absolute;
  content: "";
  bottom: 0;
  top: 24px;
  width: 1px;
  background-color: #E4E4E4;
}

.report-table table th.keyfigure-header-group:before,
.report-table table td.keyfigure-header-group:before {
  left: 12px;
}

.report-table table th.keyfigure-header-group:after,
.report-table table td.keyfigure-header-group:after {
  right: 12px;
}

.report-table table th.keyfigure-header-group:nth-child(2):before,
.report-table table td.keyfigure-header-group:nth-child(2):before {
  left: 0;
}

.report-table table th.keyfigure-header-group:nth-child(2) .group-name,
.report-table table td.keyfigure-header-group:nth-child(2) .group-name {
  left: 0;
}

.report-table table th.keyfigure-header-group:nth-child(2) .group-name > div,
.report-table table td.keyfigure-header-group:nth-child(2) .group-name > div {
  -webkit-transform: translate(6px, -50%);
      -ms-transform: translate(6px, -50%);
          transform: translate(6px, -50%);
}

.report-table table th.keyfigure-header-group .group-name,
.report-table table td.keyfigure-header-group .group-name {
  position: absolute;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  top: 8px;
  left: 12px;
  right: 12px;
  border: 1px solid #E4E4E4;
  border-radius: 8px 8px 0 0;
  border-bottom: none;
}

.report-table table th.keyfigure-header-group .group-name > div,
.report-table table td.keyfigure-header-group .group-name > div {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0 2px;
  color: #707070;
  background-color: #FFFFFF;
}

.report-table table th.keyfigure-header-group .group-name + div,
.report-table table td.keyfigure-header-group .group-name + div {
  padding: 32px 12px 0;
  width: 100%;
  min-width: 154px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.report-table table th.keyfigure-header-group .keyfigure-header:first-child,
.report-table table td.keyfigure-header-group .keyfigure-header:first-child {
  width: 142px;
  padding-right: 12px;
}

.report-table table th.keyfigure-header-group .keyfigure-header:last-child,
.report-table table td.keyfigure-header-group .keyfigure-header:last-child {
  width: 142px;
  padding-left: 12px;
}

.report-table table thead th,
.report-table table thead td {
  background-color: #FFFFFF;
}

.report-table table td.compare-cell {
  padding: 0;
}

.report-table table td.compare-cell .keyfigure-cell {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: center;
      align-items: center;
}

.report-table table td.compare-cell .keyfigure-cell .keyfigure-value {
  padding: 0 50px 12px 0;
  line-height: 1;
}

.report-table table td.compare-cell .keyfigure-cell .keyfigure-value:first-child {
  padding: 12px 50px 0 0;
}

.report-table table td.compare-cell .diff-value {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.report-table table td.compare-cell .diff-value > div.comp-value > span {
  display: -ms-flexbox;
  display: flex;
  padding: 1px 4px 0;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
  white-space: nowrap;
  border: 1px solid #C7CBD0;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
}

.report-table table td.compare-cell .diff-value > div.comp-value > span.comp-hover {
  display: none;
}

.report-table table td.compare-cell .diff-value > div.no-value {
  display: inline-block;
  width: 0;
  height: 26px;
}

.report-table table td.compare-cell .diff-value > div.diff-line {
  display: inline-block;
  height: 1px;
  background-color: #C7CBD0;
  width: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 -1px;
}

.report-table table td.compare-cell .diff-value > div.diff-line:first-child {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.report-table table td.compare-cell .diff-value .delta-up,
.report-table table td.compare-cell .diff-value .delta-down {
  display: inline-block;
  height: 0;
  width: 0;
  border-width: 10px 5px;
  border-color: transparent;
  border-style: solid;
}

.report-table table td.compare-cell .diff-value .delta-up {
  border-bottom-color: #41CA77;
  -webkit-transform: translate(0, -5px);
      -ms-transform: translate(0, -5px);
          transform: translate(0, -5px);
}

.report-table table td.compare-cell .diff-value .delta-down {
  border-top-color: #F03E3E;
  -webkit-transform: translate(0, 5px);
      -ms-transform: translate(0, 5px);
          transform: translate(0, 5px);
}

.report-table table td.compare-cell:hover .diff-value > div.comp-value span:not(.comp-hover) {
  display: none;
}

.report-table table td.compare-cell:hover .diff-value > div.comp-value .comp-hover {
  display: -ms-flexbox;
  display: flex;
}

.report-table table thead tr {
  height: 45px;
}

.report-table table thead th {
  padding: 0;
  vertical-align: top;
}

.report-table table tbody td {
  border-top: 1px solid #C7CBD0;
}

.report-table table tbody .tr-attribute-row + tr td {
  border-top-color: #BABEC3;
}

.report-table table tbody th {
  color: #47494A;
  border-right: 1px solid #C7CBD0;
  padding: 0;
}

.report-table table tbody th > div {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding-right: 16px;
}

.report-table table.table-compare tbody tr {
  height: 83px;
}

.report-table table.table-compare tbody tr > th,
.report-table table.table-compare tbody tr > td {
  height: 83px;
}

.report-table table tbody tr {
  height: 57px;
}

.report-table table tbody tr.row-level-1 .attribute-level {
  padding-left: 0;
}

.report-table table tbody tr.row-level-2 .attribute-level {
  padding-left: 0;
}

.report-table table tbody tr.row-level-3 .attribute-level {
  padding-left: 0;
}

.report-table table tbody tr.row-level-4 .attribute-level {
  padding-left: 0;
}

.report-table table tbody tr.row-level-5 .attribute-level {
  padding-left: 0;
}

.report-table table tbody tr.row-level-6 .attribute-level {
  padding-left: 0;
}

.report-table table tbody tr > th,
.report-table table tbody tr > td {
  height: 57px;
}

.report-table table tbody tr:not(.tr-attribute-row):hover td,
.report-table table tbody tr:not(.tr-attribute-row):hover th,
.report-table table tbody tr:not(.tr-attribute-row):hover td > div,
.report-table table tbody tr:not(.tr-attribute-row):hover th > div {
  background-color: #FFFFFF;
}

.report-table table tbody tr.tr-attribute-row {
  height: 45px;
}

.report-table table tbody tr.tr-attribute-row.row-level-1 th {
  padding-left: 0;
}

.report-table table tbody tr.tr-attribute-row.row-level-2 th {
  padding-left: 0;
}

.report-table table tbody tr.tr-attribute-row.row-level-3 th {
  padding-left: 0;
}

.report-table table tbody tr.tr-attribute-row.row-level-4 th {
  padding-left: 0;
}

.report-table table tbody tr.tr-attribute-row.row-level-5 th {
  padding-left: 0;
}

.report-table table tbody tr.tr-attribute-row.row-level-6 th {
  padding-left: 0;
}

.report-table table tbody tr.tr-attribute-row > th,
.report-table table tbody tr.tr-attribute-row > td {
  height: 45px;
}

.report-table table tbody tr.tr-attribute-row.tr-sum-row .attribute-level {
  width: 0;
  visibility: hidden;
}

.report-table table tbody tr.tr-attribute-row th,
.report-table table tbody tr.tr-attribute-row td {
  background-color: #EBF0F5;
  padding: 0;
}

.report-table table tbody tr.tr-attribute-row th > div,
.report-table table tbody tr.tr-attribute-row td > div {
  padding: 0 16px 0 24px;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.report-table table tbody tr.tr-attribute-row th > div {
  width: 320px;
}

.report-table table tbody tr.tr-attribute-row td {
  border-color: transparent;
}

.report-table table tbody tr.tr-attribute-row.row-level-1 th {
  background-color: #FFFFFF;
}

.report-table table tbody tr.tr-attribute-row.row-level-1 th > div {
  border-top-left-radius: 16px;
  border-color: transparent;
  border-right-color: #C7CBD0;
}

.report-table table tbody tr.tr-attribute-row.row-level-1 td > div {
  border-color: transparent;
  border-right-color: #D6E1ED;
}

.report-table table tbody tr.tr-attribute-row .attribute-value-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 8px;
  padding-left: 16px;
  background-color: #D6E1ED;
  border-top-left-radius: 16px;
  border-left: 1px solid #C7CBD0;
  border-top: 1px solid #C7CBD0;
}

.report-table table tbody tr.tr-attribute-row .attribute-top-border {
  border-top: 1px solid #C7CBD0;
}

.report-table table thead {
  position: -webkit-sticky;
  position: sticky;
  z-index: 500;
  top: 0;
}

.report-table table thead th:first-child {
  left: 0;
  z-index: 2;
}

.report-table table tbody {
  position: relative;
  z-index: 1;
}

.report-table table .tr-sum-row {
  height: 68px;
}

.report-table table .tr-sum-row .attribute-level {
  width: 0;
  visibility: hidden;
}

.report-table table .tr-sum-row .attribute-cell {
  border-right-color: transparent;
}

.report-table table .tr-sum-row .attribute-value-wrapper {
  border-radius: 0;
  border-color: transparent;
}

.report-table table .tr-sum-row th {
  color: #47494A;
  vertical-align: bottom;
  border-color: transparent;
  background-color: #FFFFFF;
}

.report-table table .tr-sum-row th > div {
  padding: 0 16px 12px;
}

.report-table table .tr-sum-row td {
  background-color: #FFFFFF;
  border-color: transparent;
}

.report-table table .tr-attribute-row {
  height: 40px;
}

.report-table table .tr-attribute-row.tr-attribute-row th > .attribute-cell {
  padding: 0;
  gap: 0;
}

.report-table table .tr-attribute-row.tr-attribute-row th > .attribute-cell .fold-unfold > * {
  display: none;
}

.report-table table .tr-attribute-row.tr-attribute-row td {
  background-color: #D6E1ED;
  border-top-color: transparent;
}

.report-table table th {
  color: #979797;
}

.report-table table th:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  text-align: left;
  color: #3F424A;
  width: 320px;
  -webkit-transition: width 0.8s;
  -o-transition: width 0.8s;
  transition: width 0.8s;
}

.report-table table th:first-child > div {
  width: 320px;
  -webkit-transition: width 0.8s;
  -o-transition: width 0.8s;
  transition: width 0.8s;
}

.report-table .attribute-level {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.report-table.wide table th:first-child {
  width: 690px;
}

.report-table.wide table th:first-child > div {
  width: 690px;
}

.report-table .table-wideness {
  cursor: pointer;
  display: inline-block;
  line-height: 10px;
  padding: 4px;
  margin-right: 16px;
  border-radius: 5px;
}

.report-table .table-wideness:hover {
  color: #F24E1E;
  background-color: #FFFFFF;
}

.keyfigure-header-group:nth-child(2) .keyfigure-header:first-child .kf-tooltip + .balloon-menu {
  right: 0;
}

.keyfigure-header-group:nth-child(2) .keyfigure-header:first-child .kf-tooltip + .balloon-menu .content {
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}

.keyfigure-header {
  width: 154px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.keyfigure-header .keyfigure-header-label {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
}

.keyfigure-header .keyfigure-header-label > div:first-child {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  color: #979797;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.keyfigure-header .keyfigure-header-label .kf-tooltip + .balloon-menu {
  right: 50%;
  top: 100%;
}

.keyfigure-header .keyfigure-header-label .kf-tooltip + .balloon-menu .content {
  min-width: 258px;
  width: 258px;
  top: 0;
  overflow: hidden;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}

.keyfigure-header .keyfigure-header-label .kf-tooltip + .balloon-menu .content .kf-tooltip-hint {
  overflow: auto;
  scrollbar-width: thin;
  text-transform: none;
  text-align: left;
  padding: 8px;
}

.keyfigure-header .keyfigure-header-label .kf-tooltip + .balloon-menu .content .kf-tooltip-hint .ds-snack-bar {
  background-color: transparent;
}

.keyfigure-header .keyfigure-header-label .kf-tooltip + .balloon-menu .content .kf-tooltip-hint .ds-snack-bar > div {
  padding: 4px 8px;
}

.keyfigure-header .keyfigure-header-label .kf-tooltip + .balloon-menu .content .kf-tooltip-hint .ds-snack-bar.ds-active {
  top: calc(50% - 16px);
}

.keyfigure-header .kf-tooltip {
  position: relative;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 4px;
}

.sort-cell .sort-icon,
.keyfigure-header .sort-icon,
.attribute-value-wrapper .sort-icon {
  cursor: pointer;
  line-height: 12px;
  padding-right: 8px;
}

.sort-cell .sort-icon svg,
.keyfigure-header .sort-icon svg,
.attribute-value-wrapper .sort-icon svg {
  color: #C7CBD0;
}

.sort-cell .desc-sort path + path,
.keyfigure-header .desc-sort path + path,
.attribute-value-wrapper .desc-sort path + path {
  stroke: #222222;
}

.sort-cell .asc-sort path:first-child,
.keyfigure-header .asc-sort path:first-child,
.attribute-value-wrapper .asc-sort path:first-child {
  stroke: #222222;
}

.attribute-value-wrapper .sort-icon svg {
  color: #979797;
}

.sort-cell {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.sort-cell .sort-icon svg {
  color: #7B8595;
}

.sort-cell .sort-icon.no-sort {
  display: none;
}

.sort-cell .sort-icon:hover svg {
  color: #3F424A;
}

.sort-cell:hover .sort-icon.no-sort {
  display: inline-block;
}

.report-more {
  background-color: #FFFFFF;
  margin-top: 48px;
}

.report-more button.dsa-button-secondary {
  border-color: #C7CBD0;
}

.report-more .more-dropdown {
  width: 100px;
}

.report-more .more-dropdown .dsa-select-box {
  height: 49px;
}

.report-more .more-dropdown .dsa-select-box-selection {
  padding: 0 12px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.report-more .more-dropdown .dsa-select-box-selection > img {
  position: relative;
  top: initial;
  right: initial;
}

.report-more .more-dropdown .dsa-select-box-options {
  min-width: 100px;
  bottom: calc(100% + 4px);
}

.top-select-wrapper {
  background-color: #D6E1ED;
  border-top: 1px solid #C7CBD0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.top-select {
  margin-right: 16px;
}

.top-select .dsa-select-box {
  width: initial;
  height: 30px;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}

.top-select .dsa-select-box-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 4px;
  -ms-flex-align: center;
      align-items: center;
  border-color: transparent;
  padding: 0 0 0 8px;
}

.top-select .dsa-select-box-selection > span {
  max-width: initial;
}

.top-select .dsa-select-box-selection > svg {
  position: relative;
  top: initial;
  right: initial;
}

.top-select .dsa-select-box-options {
  min-width: 90px;
}

.attribute-cell {
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-right: 1px solid #C7CBD0;
}

.attribute-cell .attribute-level {
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.attribute-cell .attribute-level > .level-line {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: inline-block;
  width: 20px;
  height: 100%;
  border-left: 1px solid #C7CBD0;
}

.attribute-cell .attribute-level > .level-line:first-child {
  border-left-color: transparent;
}

.attribute-cell .attribute-level > .level-line.last-inner {
  border-left-color: transparent;
}

.attribute-cell .attribute-level > .loader-wrapper {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  padding-left: 8px;
}

.attribute-cell .attribute-level .fold-unfold {
  cursor: pointer;
  position: relative;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  width: 20px;
  border-left: 1px solid #C7CBD0;
}

.attribute-cell .attribute-level .fold-unfold.last-inner {
  border-left-color: transparent;
}

.attribute-cell .attribute-level .fold-unfold.last-inner .attribute-connect {
  border-left-color: #C7CBD0;
  border-bottom-left-radius: 5px;
}

.attribute-cell .attribute-level .fold-unfold.last-level {
  cursor: default;
}

.attribute-cell .attribute-level .fold-unfold.last-level > svg {
  display: none;
}

.attribute-cell .attribute-level .fold-unfold .attribute-connect {
  position: absolute;
  display: inline-block;
  top: 0;
  bottom: 50%;
  left: -1px;
  width: 10px;
  border-bottom: 1px solid #C7CBD0;
  border-left: 1px solid transparent;
  border-bottom-left-radius: 0;
}

.attribute-cell .attribute-value-wrapper {
  padding-left: 8px;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 16px;
  -ms-flex-align: center;
      align-items: center;
  overflow: hidden;
  background-color: transparent;
}

.attribute-cell .attribute-value-wrapper > .attribute-value {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  max-height: 50px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}

.attribute-cell .attribute-value-wrapper > .attribute-value > div:first-child {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.attribute-cell .attribute-value-wrapper > .attribute-value .sort-icon {
  margin-left: 6px;
}

.attribute-cell .attribute-icons {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-positive: 0;
      flex-grow: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.attribute-cell .attribute-icons > a {
  color: inherit;
}

.attribute-cell .attribute-icons > a,
.attribute-cell .attribute-icons > div {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid #C7CBD0;
  border-radius: 50%;
}

.inner-row .attribute-cell .attribute-icons > div,
.inner-row .attribute-cell .attribute-icons > a {
  width: 24px;
  height: 24px;
}

.inner-row .attribute-cell .attribute-icons > a {
  color: inherit;
}

.compare-cell .keyfigure-cell > div:first-child {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.compare-cell .keyfigure-cell .keyfigure-value {
  width: auto;
}

.keyfigure-cell .keyfigure-value {
  color: #47494A;
  display: -ms-flexbox;
  display: flex;
  width: 130px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: baseline;
      align-items: baseline;
  gap: 8px;
}

.keyfigure-cell .relative-value {
  color: #888D91;
}

.keyfigure-cell .trend-value {
  display: inline-block;
  height: 1px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  width: 100%;
  background-color: #C7CBD0;
  background-color: blue;
  position: relative;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.keyfigure-cell .trend-value .keyfigure-trend-value {
  position: absolute;
  right: 4px;
  top: -50%;
  display: -ms-flexbox;
  display: flex;
  padding: 1px 4px 0 4px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
  border-radius: 4px;
  border: 1px solid #C7CBD0;
}

.keyfigure-cell .trend-value .keyfigure-trend-value span {
  color: #3F424A;
  text-align: center;
  font-family: Soehne;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  /* 164.286% */
}

.tr-sum-row .keyfigure-cell .keyfigure-value {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 33px;
  /* 165% */
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.annotation-popup {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.annotation-popup .annotation-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.annotation-popup .annotation-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.annotation-popup {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.annotation-popup {
  position: absolute;
  bottom: 50px;
  max-height: calc(100% - 62px);
  overflow: auto;
  scrollbar-width: thin;
  width: 211px;
  padding: 8px 12px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  border-radius: 8px;
  border: 1px solid #CFCFCF;
  background: #FFFFFF;
  z-index: 1;
  display: none;
}

.annotation-popup.active {
  display: -ms-flexbox;
  display: flex;
}

.annotation-popup .annotation-entry {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  padding-bottom: 12px;
  border-bottom: 1px solid #C7CBD0;
}

.annotation-popup .annotation-entry + .annotation-entry {
  padding-top: 8px;
}

.annotation-popup .annotation-entry:last-child {
  border-bottom: none;
  padding-bottom: 0;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.graph-tooltip .graph-tooltip-sum .sum-background {
  fill: #FFFFFF;
  x: 0;
  y: -16;
  rx: 4;
  ry: 4;
}

.graph-tooltip .graph-tooltip-sum .sum-arrow {
  fill: #FFFFFF;
  x: 0;
  y: 0;
  -webkit-transform: translateY(29px) rotate(45deg);
      -ms-transform: translateY(29px) rotate(45deg);
          transform: translateY(29px) rotate(45deg);
}

.graph-tooltip .graph-tooltip-sum .date-line {
  stroke: #3F424A;
  stroke-width: 1.5;
  stroke-dasharray: 5, 1;
}

.graph-tooltip .graph-tooltip-sum .date-field rect {
  fill: #C5D3E1;
  rx: 2;
  ry: 2;
}

.graph-tooltip .graph-tooltip-sum .date-field text {
  text-anchor: middle;
  fill: #222222;
}

.graph-tooltip .graph-tooltip-sum .value-tooltip {
  opacity: 0.9;
}

.graph-tooltip .graph-tooltip-sum .value-tooltip text.value {
  text-anchor: end;
}

.graph-tooltip .graph-tooltip-sum .value-bar {
  fill: #D4D4D4;
}

.graph-tooltip .graph-tooltip-sum .date-value {
  x: 0;
  rx: 4;
  ry: 4;
  fill: #FFFFFF;
}

.graph-tooltip .graph-tooltip-sum .date-value text {
  fill: #222222;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.top-flop-view {
  width: 100%;
  min-height: 200px;
  border: 1px solid red;
  border-radius: 8px;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.report-graph {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 37px;
}

.legend-panel {
  width: 297px;
  max-height: 410px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 8px;
}

.legend-panel div[class^='legend-tile-'] {
  display: -ms-flexbox;
  display: flex;
  width: 288px;
  padding: 4px 4px 4px 0;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 16px;
  border-radius: 8px;
}

.legend-panel div[class^='legend-tile-'] .tile-remove {
  display: none;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  color: #FFFFFF;
  cursor: pointer;
}

.legend-panel div[class^='legend-tile-']:hover .tile-remove {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.legend-panel div[class^='legend-tile-'] .card {
  overflow: hidden;
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 16px;
}

.legend-panel div[class^='legend-tile-'] .top-line {
  max-height: 38px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  width: 100%;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.legend-panel div[class^='legend-tile-'] .top-line .dsa-button-label-medium,
.legend-panel div[class^='legend-tile-'] .top-line .dsa-button-primary-medium,
.legend-panel div[class^='legend-tile-'] .top-line .dsa-button-secondary-medium,
.legend-panel div[class^='legend-tile-'] .top-line .dsa-text-button-medium,
.legend-panel div[class^='legend-tile-'] .top-line .dsa-text-button-transparent-medium {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.legend-panel div[class^='legend-tile-'] .bottom-line {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.legend-panel div[class^='legend-tile-'] .bottom-line .relation {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 9px;
  border-radius: 5px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.legend-panel div[class^='legend-tile-'] .bottom-line .relation .part {
  display: inline-block;
  height: 9px;
  border-radius: 5px;
  min-width: 1px;
}

.graph-view {
  -ms-flex-positive: 1;
      flex-grow: 1;
  height: 410px;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  background: #EBF0F5;
}

.graph-view .graph-tooltip-fake {
  opacity: 0;
}

.graph-view .gradient-start {
  stop-color: #FFFFFF;
  stop-opacity: 0;
}

.graph-view .gradient-end {
  stop-color: #FFFFFF;
  stop-opacity: 1;
}

.graph-view .top-line {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-bottom: 8px;
}

.graph-view .top-line .dsa-radio-tab-selection {
  background-color: #C5D3E1;
  border-radius: 16px;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
}

.graph-view .top-line .dsa-radio-tab-selection .dsa-radio-tab,
.graph-view .top-line .dsa-radio-tab-selection .dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  max-width: 360px;
  padding: 16px 12px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 12px;
}

.graph-view .top-line .dsa-radio-tab-selection .dsa-radio-tab.ds-active,
.graph-view .top-line .dsa-radio-tab-selection .ds-active.dsa-radio-tab-large {
  background: #FFFFFF;
  /* dropshadow/s */
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.graph-view .top-line .dsa-radio-tab-selection .dsa-radio-tab.ds-disabled,
.graph-view .top-line .dsa-radio-tab-selection .ds-disabled.dsa-radio-tab-large {
  opacity: 0.4;
  cursor: default;
}

.graph-view .graph {
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding: 12px 32px 32px;
  position: relative;
  overflow: hidden;
}

.graph-view .graph > svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.graph-view .graph > svg circle {
  fill: #EBF0F5;
}

.graph-view .graph .annotation {
  position: absolute;
  fill: #FFFFFF;
  bottom: 21px;
  left: 0;
}

.graph-view .graph .g-hover {
  display: none;
}

.graph-view .graph rect:hover + .g-hover,
.graph-view .graph .g-hover:hover {
  display: block;
}

.graph-view .graph .no-data {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 250px;
  line-height: normal;
}

.graph-view .keyfigure-dropdown {
  min-width: 150px;
}

.graph-view .keyfigure-dropdown .dsa-select-box {
  height: 49px;
  background-color: #FFFFFF;
}

.graph-view .keyfigure-dropdown .dsa-select-box-options {
  width: initial;
  right: 0;
  scrollbar-width: thin;
}

.graph-view .keyfigure-dropdown .dsa-select-box-selection {
  padding: 0 12px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-color: #CFCFCF;
}

.graph-view .keyfigure-dropdown .dsa-select-box-selection > svg {
  top: 18px;
}

.graph-view .keyfigure-dropdown .dsa-select-box-selection > img {
  position: relative;
  top: initial;
  right: initial;
}

.graph-view .keyfigure-dropdown .dsa-select-box-options {
  min-width: 140px;
}

.graph-view .keyfigure-dropdown .dsa-tag-label-bold {
  padding: 8px 8px 0;
  display: block;
  cursor: default;
  white-space: nowrap;
}

.legend-tile-1 {
  background-color: #CAE5FD;
}

.legend-tile-1 .tile-remove {
  background-color: #96C0EB;
}

.legend-tile-1 .relation {
  background-color: #96C0EB;
}

.legend-tile-1 .relation .part {
  background-color: #1B76F0;
}

.row-checked-1 {
  background-color: #1B76F0;
  color: #FFFFFF;
}

.graph .item-1 {
  stroke: #1B76F0;
  stroke-width: 2px;
}

div[class^='active-tile-']:not(.active-tile-1) .graph .item-1 {
  stroke: #1B76F050;
}

.legend-tile-2 {
  background-color: #D0FADE;
}

.legend-tile-2 .tile-remove {
  background-color: #A5D9B6;
}

.legend-tile-2 .relation {
  background-color: #A5D9B6;
}

.legend-tile-2 .relation .part {
  background-color: #17C75D;
}

.row-checked-2 {
  background-color: #17C75D;
  color: #FFFFFF;
}

.graph .item-2 {
  stroke: #17C75D;
  stroke-width: 2px;
}

div[class^='active-tile-']:not(.active-tile-2) .graph .item-2 {
  stroke: #17C75D50;
}

.legend-tile-3 {
  background-color: #F0E5FC;
}

.legend-tile-3 .tile-remove {
  background-color: #A28FB6;
}

.legend-tile-3 .relation {
  background-color: #A28FB6;
}

.legend-tile-3 .relation .part {
  background-color: #643894;
}

.row-checked-3 {
  background-color: #643894;
  color: #FFFFFF;
}

.graph .item-3 {
  stroke: #643894;
  stroke-width: 2px;
}

div[class^='active-tile-']:not(.active-tile-3) .graph .item-3 {
  stroke: #64389450;
}

.legend-tile-4 {
  background-color: #FCE5E5;
}

.legend-tile-4 .tile-remove {
  background-color: #B68F8F;
}

.legend-tile-4 .relation {
  background-color: #B68F8F;
}

.legend-tile-4 .relation .part {
  background-color: #943838;
}

.row-checked-4 {
  background-color: #943838;
  color: #FFFFFF;
}

.graph .item-4 {
  stroke: #943838;
  stroke-width: 2px;
}

div[class^='active-tile-']:not(.active-tile-4) .graph .item-4 {
  stroke: #94383850;
}

.legend-tile-5 {
  background-color: #F8CECF;
}

.legend-tile-5 .tile-remove {
  background-color: #D2ADB4;
}

.legend-tile-5 .relation {
  background-color: #D2ADB4;
}

.legend-tile-5 .relation .part {
  background-color: #CD4159;
}

.row-checked-5 {
  background-color: #CD4159;
  color: #FFFFFF;
}

.graph .item-5 {
  stroke: #CD4159;
  stroke-width: 2px;
}

div[class^='active-tile-']:not(.active-tile-5) .graph .item-5 {
  stroke: #CD415950;
}

.legend-tile-6 {
  background-color: #FCF9E5;
}

.legend-tile-6 .tile-remove {
  background-color: #B6A78F;
}

.legend-tile-6 .relation {
  background-color: #B6A78F;
}

.legend-tile-6 .relation .part {
  background-color: #947B38;
}

.row-checked-6 {
  background-color: #947B38;
  color: #FFFFFF;
}

.graph .item-6 {
  stroke: #947B38;
  stroke-width: 2px;
}

div[class^='active-tile-']:not(.active-tile-6) .graph .item-6 {
  stroke: #947B3850;
}

.legend-tile-7 {
  background-color: #E5FCFB;
}

.legend-tile-7 .tile-remove {
  background-color: #8FB6B6;
}

.legend-tile-7 .relation {
  background-color: #8FB6B6;
}

.legend-tile-7 .relation .part {
  background-color: #389486;
}

.row-checked-7 {
  background-color: #389486;
  color: #FFFFFF;
}

.graph .item-7 {
  stroke: #389486;
  stroke-width: 2px;
}

div[class^='active-tile-']:not(.active-tile-7) .graph .item-7 {
  stroke: #38948650;
}

.legend-tile-8 {
  background-color: #E5EBFC;
}

.legend-tile-8 .tile-remove {
  background-color: #8F9DB6;
}

.legend-tile-8 .relation {
  background-color: #8F9DB6;
}

.legend-tile-8 .relation .part {
  background-color: #386294;
}

.row-checked-8 {
  background-color: #386294;
  color: #FFFFFF;
}

.graph .item-8 {
  stroke: #386294;
  stroke-width: 2px;
}

div[class^='active-tile-']:not(.active-tile-8) .graph .item-8 {
  stroke: #38629450;
}

.light-colors .legend-tile-1 {
  background-color: #CAE5FD;
}

.light-colors .legend-tile-1 .tile-remove {
  background-color: #9CABBA;
}

.light-colors .legend-tile-1 .relation {
  background-color: #9CABBA;
}

.light-colors .legend-tile-1 .relation .part {
  background-color: #1B76F0;
}

.light-colors .row-checked-1 {
  background-color: #1B76F0;
  color: #FFFFFF;
}

.light-colors .graph .item-1 {
  stroke: #1B76F0;
  stroke-width: 2px;
}

.light-colors .legend-tile-2 {
  background-color: #D0FADE;
}

.light-colors .legend-tile-2 .tile-remove {
  background-color: #A5D9B6;
}

.light-colors .legend-tile-2 .relation {
  background-color: #A5D9B6;
}

.light-colors .legend-tile-2 .relation .part {
  background-color: #17C75D;
}

.light-colors .row-checked-2 {
  background-color: #17C75D;
  color: #FFFFFF;
}

.light-colors .graph .item-2 {
  stroke: #17C75D;
  stroke-width: 2px;
}

.light-colors .legend-tile-3 {
  background-color: #E4E0FF;
}

.light-colors .legend-tile-3 .tile-remove {
  background-color: #C2B9FC;
}

.light-colors .legend-tile-3 .relation {
  background-color: #C2B9FC;
}

.light-colors .legend-tile-3 .relation .part {
  background-color: #764CE2;
}

.light-colors .row-checked-3 {
  background-color: #764CE2;
  color: #FFFFFF;
}

.light-colors .graph .item-3 {
  stroke: #764CE2;
  stroke-width: 2px;
}

.light-colors .legend-tile-4 {
  background-color: #FAE3FF;
}

.light-colors .legend-tile-4 .tile-remove {
  background-color: #ECB8F6;
}

.light-colors .legend-tile-4 .relation {
  background-color: #ECB8F6;
}

.light-colors .legend-tile-4 .relation .part {
  background-color: #CB6ADE;
}

.light-colors .row-checked-4 {
  background-color: #CB6ADE;
  color: #FFFFFF;
}

.light-colors .graph .item-4 {
  stroke: #CB6ADE;
  stroke-width: 2px;
}

.light-colors .legend-tile-5 {
  background-color: #FFE3E3;
}

.light-colors .legend-tile-5 .tile-remove {
  background-color: #F6B1B1;
}

.light-colors .legend-tile-5 .relation {
  background-color: #F6B1B1;
}

.light-colors .legend-tile-5 .relation .part {
  background-color: #EE7375;
}

.light-colors .row-checked-5 {
  background-color: #EE7375;
  color: #FFFFFF;
}

.light-colors .graph .item-5 {
  stroke: #EE7375;
  stroke-width: 2px;
}

.light-colors .legend-tile-6 {
  background-color: #FFF0E1;
}

.light-colors .legend-tile-6 .tile-remove {
  background-color: #F6CDA6;
}

.light-colors .legend-tile-6 .relation {
  background-color: #F6CDA6;
}

.light-colors .legend-tile-6 .relation .part {
  background-color: #DE9A6A;
}

.light-colors .row-checked-6 {
  background-color: #DE9A6A;
  color: #FFFFFF;
}

.light-colors .graph .item-6 {
  stroke: #DE9A6A;
  stroke-width: 2px;
}

.light-colors .legend-tile-7 {
  background-color: #DCF6F5;
}

.light-colors .legend-tile-7 .tile-remove {
  background-color: #A3DEDE;
}

.light-colors .legend-tile-7 .relation {
  background-color: #A3DEDE;
}

.light-colors .legend-tile-7 .relation .part {
  background-color: #51ABAB;
}

.light-colors .row-checked-7 {
  background-color: #51ABAB;
  color: #FFFFFF;
}

.light-colors .graph .item-7 {
  stroke: #51ABAB;
  stroke-width: 2px;
}

.light-colors .legend-tile-8 {
  background-color: #DAE7FF;
}

.light-colors .legend-tile-8 .tile-remove {
  background-color: #ADB8E5;
}

.light-colors .legend-tile-8 .relation {
  background-color: #ADB8E5;
}

.light-colors .legend-tile-8 .relation .part {
  background-color: #6578CE;
}

.light-colors .row-checked-8 {
  background-color: #6578CE;
  color: #FFFFFF;
}

.light-colors .graph .item-8 {
  stroke: #6578CE;
  stroke-width: 2px;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.report-conversion {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
}

.report-conversion .two-columns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 16px;
}

.report-conversion .conversion-list-wrapper {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
}

.report-conversion .conversion-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  padding: 4px 0 0 0;
  min-width: 140px;
}

.report-conversion .conversion-list + .dsa-tag-label,
.report-conversion .conversion-list + .ds-label-grey,
.report-conversion .conversion-list + .ds-label-blue,
.report-conversion .conversion-list + .ds-label-fir,
.report-conversion .conversion-list + .ds-label-blue-small,
.report-conversion .conversion-list + .ds-label-fir-small,
.report-conversion .conversion-list + .ds-dropdown-menu-label {
  margin-top: 16px;
}

.report-conversion .conversion-item {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.report-conversion .conversion-item > span {
  max-width: 400px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.report-conversion .conversion-item svg {
  display: none;
}

.report-conversion .conversion-item > span {
  color: inherit;
}

.report-conversion .conversion-item.disabled {
  cursor: default;
  color: #B0B0B0;
}

.report-conversion .conversion-item.disabled:hover {
  color: #B0B0B0;
}

.report-conversion .conversion-item.margin-bottom {
  margin-bottom: 29px;
}

.report-conversion .conversion-item:hover {
  color: #F24E1E;
}

.report-conversion .conversion-item.active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.report-conversion .conversion-item.active svg {
  display: inline-block;
}

.report-conversion .conversion-item.active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.sticky-frame.report-config {
  z-index: 550;
}

.config-model {
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  left: 0;
  width: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end;
  border-bottom: 1px solid #CFCFCF;
  gap: 16px;
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.config-model .attribution-model {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 8px;
}

.config-model .attribution-model > div:last-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.config-model .attribution-model > div:last-child .dsa-tag-label,
.config-model .attribution-model > div:last-child .ds-label-grey,
.config-model .attribution-model > div:last-child .ds-label-blue,
.config-model .attribution-model > div:last-child .ds-label-fir,
.config-model .attribution-model > div:last-child .ds-label-blue-small,
.config-model .attribution-model > div:last-child .ds-label-fir-small,
.config-model .attribution-model > div:last-child .ds-dropdown-menu-label {
  margin-right: 12px;
}

.config-model .attribution-model > div:last-child .no-remove {
  padding-right: 12px;
}

.config-model .attribution-model > div:last-child .no-remove > .ds-pointer {
  display: none;
}

.config-model .attribution-model .balloon-menu {
  top: 100%;
  right: 0;
}

.config-model .attribution-model .model-balloon {
  position: relative;
  min-width: 490px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
  padding: 8px 24px;
}

.config-model .attribution-model .model-balloon .ds-close-x-abs {
  top: 6px;
  right: 16px;
}

.config-model .attribution-model .model-balloon .dsa-radio-tab-selection {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.config-model .attribution-model .button-line {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 8px;
}

.config-model .filter-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 42px;
  height: 42px;
  padding: 1px;
  border-radius: 4px;
  color: #0F172A;
  border-color: #CFCFCF;
}

.config-model .filter-button:hover {
  border-color: #222222;
  color: #0F172A;
}

.config-model .filter-button.ds-active {
  color: transparent;
  border-color: #1B76F0;
}

.config-model .filter-button.ds-active svg {
  fill: #1B76F0;
}

.config-attribute {
  display: -ms-flexbox;
  display: flex;
  left: 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 12px;
}

.config-attribute .config-attribute-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 12px;
}

.config-attribute .config-attributes-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.config-attribute .config-attributes-wrapper .fix-dim-separator {
  -ms-flex-item-align: center;
      align-self: center;
  display: inline-block;
  width: 19px;
  height: 2px;
  background-color: #C7CBD0;
}

.config-attribute .config-attributes {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  gap: 4px;
}

.config-attribute .config-attributes .dim-check {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 14px;
  width: 14px;
  background-color: white;
  color: #222222;
  border: 1px solid #7B8595;
  border-radius: 10px;
}

.config-attribute .config-attributes .dim-check > svg {
  display: none;
}

.config-attribute .config-attributes .dim-check > svg + svg {
  display: inline-block;
}

.config-attribute .config-attributes .dim-check:not(.ds-disabled):hover > svg {
  display: inline-block;
}

.config-attribute .config-attributes .dim-check:not(.ds-disabled):hover > svg + svg {
  display: none;
}

.config-attribute .config-attributes .ds-drag {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 24px;
  width: 24px;
  cursor: -webkit-grab;
  cursor: grab;
}

.config-attribute .config-attributes .ds-segment > .ds-info,
.config-attribute .config-attributes .ds-attribute > .ds-info {
  color: #FFFFFF;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  position: relative;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.config-attribute .config-attributes .ds-attribute > .ds-info {
  background: #255B67;
}

.config-attribute .config-attributes .ds-segment > .ds-info {
  background: #216AC0;
}

.config-attribute .config-attributes .kf-tooltip > svg {
  vertical-align: bottom;
  margin-left: 4px;
}

.config-attribute .config-attributes .kf-tooltip {
  cursor: pointer;
}

.config-attribute .config-attributes .kf-tooltip + .balloon-menu {
  left: 0;
  top: 100%;
}

.config-attribute .config-attributes .kf-tooltip + .balloon-menu .content {
  min-width: 144px;
  width: initial;
  top: 0;
  overflow: hidden;
  -webkit-transform: translateX(calc(100% - 24px));
      -ms-transform: translateX(calc(100% - 24px));
          transform: translateX(calc(100% - 24px));
}

.config-attribute .config-attributes .kf-tooltip + .balloon-menu .content > div {
  min-width: 144px;
}

.config-attribute .config-attributes .kf-tooltip + .balloon-menu .content .kf-tooltip-hint {
  overflow: auto;
  scrollbar-width: thin;
  text-transform: none;
  text-align: left;
  padding: 8px;
}

.config-attribute .config-attributes .kf-tooltip + .balloon-menu .content .kf-tooltip-hint .ds-snack-bar-wrapper {
  white-space: pre;
}

.config-attribute .config-attributes .kf-tooltip + .balloon-menu .content .kf-tooltip-hint .ds-snack-bar {
  background-color: transparent;
}

.config-attribute .config-attributes .kf-tooltip + .balloon-menu .content .kf-tooltip-hint .ds-snack-bar > div {
  padding: 4px 8px;
}

.config-attribute .config-attributes .kf-tooltip + .balloon-menu .content .kf-tooltip-hint .ds-snack-bar.ds-active {
  top: calc(50% - 16px);
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.report-view .config-table,
.report-frame {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.report-view .config-table,
.report-frame {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.report-view {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
  margin-left: 10px;
  padding-right: 18px;
  height: 100%;
  overflow: auto;
  background-color: transparent;
  scrollbar-color: #7B8595 transparent;
  scrollbar-width: thin;
}

.report-view .bar-graph {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 12px;
}

.report-view .config-table {
  background-color: #FFFFFF;
  border-radius: 12px 12px 0 0;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 29px 0px 29px 20px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 32px;
}

.report-frame {
  border-radius: 8px;
  background-color: #FFFFFF;
  padding: 29px 20px 29px 20px;
  display: inline-block;
}

.report-frame .sticky-frame {
  left: 20px;
  width: calc(100vW - 234px - 77px);
}

.report-frame.with-table {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.report-frame.loader-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 200px;
}

.sticky-frame {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 1;
  width: 100%;
  -webkit-transition: width 0.8s;
  -o-transition: width 0.8s;
  transition: width 0.8s;
}

.menu-collapsed .sticky-frame {
  width: calc(100vw - 60px - 77px);
}

.menu-collapsed .sticky-frame.report-frame {
  width: calc(100vw - 60px - 30px);
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf,
.attribute-anchor .attribute-shadow > .content {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf,
.attribute-anchor .attribute-shadow > .content {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.attribute-anchor .attribute-shadow > .content {
  background-color: transparent;
  border: none;
  max-height: calc(60vh - 50px);
  overflow: auto;
  scrollbar-width: thin;
  padding: 0;
}

.attribute-anchor .attribute-shadow > .content > div {
  padding: 0;
  min-width: 10px;
  background-color: transparent;
}

.dimension-dialog .tooltipContainer > span {
  width: initial;
}

.dimension-dialog .max-hint {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.dimension-dialog .max-hint .ds-snack-blue {
  margin: 0 20px 12px;
  white-space: nowrap;
}

.dimension-dialog .dimension-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 80px;
  margin: 20px 40px 12px 24px;
}

.dimension-dialog .dimension-col {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 24px;
}

.dimension-dialog .dimension-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 8px;
  font-size: 13px;
  line-height: 16px;
}

.dimension-dialog .dimension-block h2 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  white-space: nowrap;
  text-transform: uppercase;
  color: #255B67;
}

.dimension-dialog .dimension-block .dimension-item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  cursor: pointer;
  font-weight: 600;
  color: #262626;
  padding-right: 16px;
  white-space: nowrap;
}

.dimension-dialog .dimension-block .dimension-item .upgrade-popover {
  position: relative;
  width: 18px;
  height: 18px;
}

.dimension-dialog .dimension-block .dimension-item .info:before {
  vertical-align: -2px;
}

.dimension-dialog .dimension-block .dimension-item .icon {
  margin-left: 4px;
  display: inline-block;
  font-size: 9px;
  height: 14px;
  width: 10px;
  color: transparent;
}

.dimension-dialog .dimension-block .dimension-item:hover {
  color: #F24E1E;
}

.dimension-dialog .dimension-block .dimension-item.disabled {
  cursor: default;
  color: #B0B0B0;
}

.dimension-dialog .dimension-block .dimension-item.disabled:hover {
  color: #B0B0B0;
}

.dimension-dialog .dimension-block .dimension-item.active {
  display: -ms-flexbox;
  display: flex;
  width: initial;
  padding: 4px 8px;
  height: 24px;
  color: #FFFFFF;
  background: #F24E1E;
  border-radius: 32px;
}

.dimension-dialog .dimension-block .dimension-item.active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.dimension-dialog .dimension-block .dimension-item.active .dsa-info-bold,
.dimension-dialog .dimension-block .dimension-item.active .dsa-button-primary-small,
.dimension-dialog .dimension-block .dimension-item.active .dsa-button-secondary-small,
.dimension-dialog .dimension-block .dimension-item.active .ds-combi-input,
.dimension-dialog .dimension-block .dimension-item.active .icon {
  color: inherit;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.campaign-link .campaign-link-edit .group > .sub-group,
.campaign-link .campaign-link-edit .button-bar .shadow {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.campaign-link .campaign-link-table thead th,
.campaign-link .campaign-link-edit .ds-dropdown-menu .suggestion-subtitle,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.campaign-link .campaign-link-edit .dropdown .dropdown-toggle.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.campaign-link .search-field > input::-webkit-input-placeholder,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.campaign-link .campaign-link-table thead th,
.campaign-link .campaign-link-edit .ds-dropdown-menu .suggestion-subtitle,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.campaign-link .campaign-link-edit .dropdown .dropdown-toggle.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.campaign-link .search-field > input::-moz-placeholder,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.campaign-link .campaign-link-table thead th,
.campaign-link .campaign-link-edit .ds-dropdown-menu .suggestion-subtitle,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.campaign-link .campaign-link-edit .dropdown .dropdown-toggle.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.campaign-link .search-field > input::-ms-input-placeholder,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.campaign-link .campaign-link-table thead th,
.campaign-link .campaign-link-edit .ds-dropdown-menu .suggestion-subtitle,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.campaign-link .campaign-link-edit .dropdown .dropdown-toggle.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.campaign-link .search-field > input::placeholder,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.campaign-link .campaign-link-table thead th,
.campaign-link .campaign-link-edit .ds-dropdown-menu .suggestion-subtitle {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.campaign-link .campaign-link-edit .dropdown .dropdown-toggle.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link,
.campaign-link .search-field > input::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link,
.campaign-link .search-field > input::-moz-placeholder {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link,
.campaign-link .search-field > input::-ms-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link,
.campaign-link .search-field > input::placeholder {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.campaign-link .campaign-link-edit .group > .sub-group,
.campaign-link .campaign-link-edit .button-bar .shadow {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.campaign-link .campaign-link-edit .dropdown .dropdown-toggle.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child,
.campaign-link .campaign-link-edit .dropdown .dropdown-toggle.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.campaign-link .campaign-link-edit .dropdown .dropdown-toggle.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.campaign-link .campaign-link-edit .dropdown .dropdown-toggle.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.campaign-link .campaign-link-edit .dropdown .dropdown-toggle.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.campaign-link .campaign-link-edit .dropdown .dropdown-toggle.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon,
.campaign-link .campaign-link-edit .dropdown .dropdown-toggle.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary,
.campaign-link .campaign-link-edit .dropdown .ds-disabled.dropdown-toggle.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.campaign-link .campaign-link-edit .dropdown .dropdown-toggle.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.campaign-link .campaign-link-edit .dropdown .ds-hover.dropdown-toggle.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.campaign-link .campaign-link-edit .dropdown .dropdown-toggle.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

campaign-link {
  width: 100%;
}

.campaign-link {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 12px;
  padding: 32px 0 32px 32px;
  background-color: #FFFFFF;
  margin-right: 24px;
  width: calc(100% - 24px);
}

.campaign-link.campaign-edit {
  -ms-flex-direction: column;
      flex-direction: column;
}

.campaign-link .ds-side-bar-menu {
  width: 224px;
  -ms-flex: 0 0 224px;
      flex: 0 0 224px;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-right: 80px;
}

.campaign-link .ds-side-bar-menu .dsm-side-bar-link {
  min-width: 226px;
}

.campaign-link .ds-side-bar-menu + .ds-section {
  width: calc(100% - 304px);
}

.campaign-link .dsm-section-header {
  min-width: 500px;
  gap: 12px;
  padding-right: 32px;
  font-size: 14px;
  font-weight: 400;
}

.campaign-link .dsm-section-header > .dsa-h4,
.campaign-link .dsm-section-header > .dsm-section-header {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.campaign-link .dsm-section-header button {
  height: 40px;
  font-size: 16px;
  font-weight: 400;
}

.campaign-link .dsm-section-header button > svg {
  padding: 0;
}

.campaign-link .search-field {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 176px;
  height: 40px;
  padding: 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #CFCFCF;
  background: #FFFFFF;
}

.campaign-link .search-field > input {
  font-size: 14px;
  line-height: 17px;
  width: 106px;
  border: none;
  background: transparent;
  outline: none;
}

.campaign-link .search-field > input::-webkit-input-placeholder {
  font-size: 14px;
  color: #7B8595;
}

.campaign-link .search-field > input::-moz-placeholder {
  font-size: 14px;
  color: #7B8595;
}

.campaign-link .search-field > input::-ms-input-placeholder {
  font-size: 14px;
  color: #7B8595;
}

.campaign-link .search-field > input::placeholder {
  font-size: 14px;
  color: #7B8595;
}

.campaign-link .search-field > input + div {
  height: 16px;
  line-height: 1;
}

.campaign-link .search-field .clear-search {
  cursor: pointer;
}

.campaign-link .campaign-link-table {
  margin-top: 32px;
  margin-right: -2px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.campaign-link .campaign-link-table .transparent {
  opacity: 0;
}

.campaign-link .campaign-link-table .trackXVisible {
  margin-bottom: 16px;
}

.campaign-link .campaign-link-table .track-x {
  height: 18px !important;
  border-radius: 32px !important;
  bottom: -24px !important;
  border: 1px solid #C7CBD0;
  padding: 2px 4px 2px 2px;
  background-color: #FFFFFF !important;
}

.campaign-link .campaign-link-table .track-x .ScrollbarsCustom-ThumbX {
  background-color: #7B8595 !important;
  border-radius: 32px !important;
}

.campaign-link .campaign-link-table .link-table-wrapper {
  display: inline-block;
  height: 100%;
  min-width: calc(100% - 32px);
}

.campaign-link .campaign-link-table .link-table-wrapper table {
  min-width: 100%;
  margin: 0 1px;
}

.campaign-link .campaign-link-table thead th {
  cursor: pointer;
  color: #979797;
  padding: 0 12px 8px;
  white-space: nowrap;
}

.campaign-link .campaign-link-table thead th:hover .sort-arrow {
  visibility: visible;
  color: black;
}

.campaign-link .campaign-link-table thead th.sort-asc .sort-arrow {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.campaign-link .campaign-link-table thead th.sort-col .sort-arrow {
  visibility: visible;
}

.campaign-link .campaign-link-table thead th.sort-col.sort-asc:hover .sort-arrow {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.campaign-link .campaign-link-table thead th.sort-col.sort-desc:hover .sort-arrow {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.campaign-link .campaign-link-table thead .sort-arrow {
  display: inline-block;
  visibility: hidden;
  vertical-align: middle;
  line-height: 1;
  height: 12px;
  width: 12px;
}

.campaign-link .campaign-link-table tbody {
  border-radius: 8px;
  -webkit-box-shadow: 0 0 0 1px #C7CBD0;
          box-shadow: 0 0 0 1px #C7CBD0;
  background: #FFFFFF;
}

.campaign-link .campaign-link-table tbody tr {
  background-color: #EBF0F5;
}

.campaign-link .campaign-link-table tbody tr:nth-child(even) {
  background-color: #FFFFFF;
}

.campaign-link .campaign-link-table tbody tr + tr {
  border-top: 1px solid #C7CBD0;
}

.campaign-link .campaign-link-table tbody tr td {
  font-size: 12px;
  line-height: 12px;
  height: 52px;
  white-space: nowrap;
}

.campaign-link .campaign-link-table tbody tr td > div {
  width: 100%;
  display: inline-block;
  height: 50px;
  padding: 13px 12px 9px;
}

.campaign-link .campaign-link-table tbody tr td > div > svg {
  vertical-align: text-bottom;
  margin-right: 4px;
}

.campaign-link .campaign-link-table tbody tr:first-child td:first-child {
  border-top-left-radius: 8px;
}

.campaign-link .campaign-link-table tbody tr:first-child td:last-child {
  border-top-right-radius: 8px;
}

.campaign-link .campaign-link-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}

.campaign-link .campaign-link-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}

.campaign-link .campaign-link-table tbody tr .action {
  position: relative;
}

.campaign-link .campaign-link-table tbody tr .action .hover-action {
  display: none;
}

.campaign-link .campaign-link-table tbody tr:hover .action .hover-action {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.campaign-link .campaign-link-table .hover-action {
  gap: 12px;
  padding: 0 8px;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #EBF0F5;
  border-radius: 8px;
}

.campaign-link .campaign-link-table .hover-action .dsa-button-secondary-small {
  padding: 4px 8px 4px 4px;
  gap: 4px;
  border-radius: 4px;
  border-color: #B0B0B0;
}

.campaign-link .campaign-link-table .hover-action > div {
  line-height: 1;
}

.campaign-link .campaign-link-table .hover-action svg {
  cursor: pointer;
}

.campaign-link .campaign-link-table tr:nth-child(even) .hover-action {
  background-color: #FFFFFF;
}

.campaign-link .campaign-link-table .link-copy {
  position: relative;
}

.campaign-link .campaign-link-table .copied {
  position: absolute;
  right: 0;
  top: -6px;
  bottom: -6px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  background-color: #FFFFFF;
  padding: 8px;
  border-radius: 8px;
  font-weight: 600;
  color: #41CA77;
  border: 2px solid #41CA77;
}

.campaign-link .campaign-link-edit {
  margin-top: 32px;
  display: -ms-flexbox;
  display: flex;
  gap: 33px;
}

.campaign-link .campaign-link-edit .initial-preloader {
  height: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.campaign-link .campaign-link-edit .initial-preloader .preloading {
  background: transparent;
  top: -20px;
}

.campaign-link .campaign-link-edit .all-required {
  cursor: pointer;
}

.campaign-link .campaign-link-edit .copy-link {
  margin-top: 0;
}

.campaign-link .campaign-link-edit .title-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.campaign-link .campaign-link-edit .ds-segment-info > input,
.campaign-link .campaign-link-edit .ds-input-wrapper {
  width: 500px;
}

.campaign-link .campaign-link-edit .ds-segment-info > input.input-warning,
.campaign-link .campaign-link-edit .ds-input-wrapper.input-warning {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.campaign-link .campaign-link-edit .ds-segment-info > input.input-warning > input,
.campaign-link .campaign-link-edit .ds-input-wrapper.input-warning > input {
  background-color: transparent;
}

.campaign-link .campaign-link-edit .ds-input-text {
  width: 100%;
}

.campaign-link .campaign-link-edit .group {
  display: -ms-flexbox;
  display: flex;
  padding: 4px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  border: 1px solid #DDDDDD;
  background: #EBF0F5;
}

.campaign-link .campaign-link-edit .group.pointer {
  cursor: pointer;
}

.campaign-link .campaign-link-edit .group > .sub-group {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #FFFFFF;
}

.campaign-link .campaign-link-edit .group > .sub-group > .dsa-info-book,
.campaign-link .campaign-link-edit .group > .sub-group > .dsa-chip,
.campaign-link .campaign-link-edit .group > .ds-dropdown-select.sub-group > span,
.campaign-link .campaign-link-edit .dsm-upgrade-info.group > div.sub-group > div + div {
  max-width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow-wrap: break-word;
}

.campaign-link .campaign-link-edit .group > .sub-group .tooltip .tooltip-inner {
  text-align: center;
}

.campaign-link .campaign-link-edit .link-form-wrapper {
  width: 100%;
  overflow: auto;
  scrollbar-width: thin;
}

.campaign-link .campaign-link-edit .link-form-wrapper .link-form {
  width: 811px;
  height: 75vh;
}

.campaign-link .campaign-link-edit .link-form-wrapper .link-form .group {
  padding: 16px;
  margin: 22px 0;
}

.campaign-link .campaign-link-edit .link-form-wrapper .link-form .head-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 0 0 16px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 32px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.campaign-link .campaign-link-edit .link-form-wrapper .link-form .link-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 4px;
  color: #222222;
  width: 305px;
}

.campaign-link .campaign-link-edit .link-form-wrapper .link-form .link-title > .dsa-h5,
.campaign-link .campaign-link-edit .link-form-wrapper .link-form .dsm-upgrade-info > div.link-title > div:first-child {
  width: 305px;
}

.campaign-link .campaign-link-edit .link-form-wrapper .link-form .link-title > .dsa-h5:not(.grey),
.campaign-link .campaign-link-edit .link-form-wrapper .link-form .dsm-upgrade-info > div.link-title > div:not(.grey):first-child {
  color: #000;
}

.campaign-link .campaign-link-edit .link-form-wrapper .link-form .link-title .grey {
  color: #919191;
}

.campaign-link .campaign-link-edit .link-form-wrapper .link-form .link-title input {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  color: #222;
}

.campaign-link .campaign-link-edit .link-form-wrapper .link-form .link-description {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-positive: 1;
      flex-grow: 1;
  gap: 8px;
}

.campaign-link .campaign-link-edit .link-form-wrapper .link-form .link-description .grey {
  color: #919191;
}

.campaign-link .campaign-link-edit .link-form-wrapper .link-form .link-description > .dsa-text-book,
.campaign-link .campaign-link-edit .link-form-wrapper .link-form .link-description > .dsa-text-book-italic,
.campaign-link .campaign-link-edit .link-form-wrapper .link-form .link-description > .dsa-radio-tab,
.campaign-link .campaign-link-edit .link-form-wrapper .link-form .link-description > .dsa-radio-tab-large,
.campaign-link .campaign-link-edit .link-form-wrapper .link-form .link-description > .ds-formfield,
.campaign-link .campaign-link-edit .link-form-wrapper .link-form .link-description > .ds-unit-input,
.campaign-link .campaign-link-edit .link-form-wrapper .link-form .link-description > .ds-input-number,
.campaign-link .campaign-link-edit .link-form-wrapper .link-form .link-description > .ds-input-text,
.campaign-link .campaign-link-edit .link-form-wrapper .link-form .dropdown .link-description > .ds-dropdown-toggle:not(.ds-pure-input),
.dropdown .campaign-link .campaign-link-edit .link-form-wrapper .link-form .link-description > .ds-dropdown-toggle:not(.ds-pure-input),
.campaign-link .campaign-link-edit .link-form-wrapper .link-form .ds-unit-input .link-description > .ds-pure-input,
.ds-unit-input .campaign-link .campaign-link-edit .link-form-wrapper .link-form .link-description > .ds-pure-input,
.campaign-link .campaign-link-edit .link-form-wrapper .link-form .dropdown .link-description > .ds-dropdown-toggle.ds-pure-input,
.dropdown .campaign-link .campaign-link-edit .link-form-wrapper .link-form .link-description > .ds-dropdown-toggle.ds-pure-input,
.campaign-link .campaign-link-edit .link-form-wrapper .link-form .link-description > .ds-input-wrapper,
.campaign-link .campaign-link-edit .link-form-wrapper .link-form .link-description > .ds-dropdown-menu-item,
.campaign-link .campaign-link-edit .link-form-wrapper .link-form .link-description > .ds-dropdown-menu-entry {
  width: 460px;
}

.campaign-link .campaign-link-edit .link-form-wrapper .link-form .link-description input {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  color: #222;
}

.campaign-link .campaign-link-edit .link-preview {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: default;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 12px;
  width: 260px;
  padding-right: 46px;
}

.campaign-link .campaign-link-edit .link-preview .link-connect {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-align: center;
      align-items: center;
}

.campaign-link .campaign-link-edit .link-preview .link-connect > .dsa-line-1 {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.campaign-link .campaign-link-edit .link-preview .tooltip {
  width: 60px;
}

.campaign-link .campaign-link-edit .link-preview .copy-link {
  position: relative;
}

.campaign-link .campaign-link-edit .link-preview .copy-link .copied {
  position: absolute;
  left: 55px;
  top: -20px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  height: 32px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  background-color: #FFFFFF;
  padding: 8px;
  border-radius: 8px;
  font-weight: 600;
  color: #41CA77;
  border: 2px solid #41CA77;
}

.campaign-link .campaign-link-edit .link-preview .upgradeButton {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid #F24E1E;
  border-radius: 4px;
  background-color: #FFF4E1;
  font-size: 12px;
  font-weight: 500;
  text-transform: none;
  padding: 2px 8px;
  position: relative;
  cursor: pointer;
}

.campaign-link .campaign-link-edit .link-preview .upgradeButton > svg {
  color: #F24E1E;
}

.campaign-link .campaign-link-edit .button-bar {
  margin: 0;
  padding: 4px;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: end;
}

.campaign-link .campaign-link-edit .button-bar button:disabled {
  color: #FFFFFF;
  background-color: #B0B0B0;
}

.campaign-link .campaign-link-edit .dsa-button-secondary + .ds-dropdown-menu,
.campaign-link .campaign-link-edit .dropdown .dropdown-toggle.dsa-button-secondary + .ds-dropdown-menu {
  width: initial;
}

.campaign-link .campaign-link-edit .dsa-button-secondary + .ds-dropdown-menu .dsa-h5,
.campaign-link .campaign-link-edit .dropdown .dropdown-toggle.dsa-button-secondary + .ds-dropdown-menu .dsa-h5,
.campaign-link .campaign-link-edit .dsa-button-secondary + .ds-dropdown-menu .dsm-upgrade-info > div > div:first-child,
.campaign-link .campaign-link-edit .dropdown .dropdown-toggle.dsa-button-secondary + .ds-dropdown-menu .dsm-upgrade-info > div > div:first-child {
  white-space: nowrap;
}

.campaign-link .campaign-link-edit .ds-dropdown-menu info-icon {
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: bottom;
}

.campaign-link .campaign-link-edit .ds-dropdown-menu info-icon.invisible {
  visibility: hidden;
  width: 0;
}

.campaign-link .campaign-link-edit .ds-dropdown-menu.ds-dropdown-menu {
  overflow: hidden;
  min-width: 250px;
  max-width: 500px;
}

.campaign-link .campaign-link-edit .ds-dropdown-menu .icon-warning {
  font-size: 14px;
  margin-left: 4px;
}

.campaign-link .campaign-link-edit .ds-dropdown-menu .dsa-tag-label,
.campaign-link .campaign-link-edit .ds-dropdown-menu .ds-label-grey,
.campaign-link .campaign-link-edit .ds-dropdown-menu .ds-label-blue,
.campaign-link .campaign-link-edit .ds-dropdown-menu .ds-label-fir,
.campaign-link .campaign-link-edit .ds-dropdown-menu .ds-label-blue-small,
.campaign-link .campaign-link-edit .ds-dropdown-menu .ds-label-fir-small,
.campaign-link .campaign-link-edit .ds-dropdown-menu .ds-dropdown-menu-label,
.campaign-link .campaign-link-edit .ds-dropdown-menu .campaign-link-table thead th,
.campaign-link .campaign-link-table thead .campaign-link-edit .ds-dropdown-menu th,
.campaign-link .campaign-link-edit .ds-dropdown-menu .suggestion-subtitle {
  color: #7B8595;
}

.campaign-link .campaign-link-edit .ds-dropdown-menu .inactive.inactive:hover,
.campaign-link .campaign-link-edit .ds-dropdown-menu .inactive {
  color: #DEE0E2;
  cursor: default;
}

.campaign-link .campaign-link-edit .ds-dropdown-menu .suggestion-subtitle {
  height: 22px;
  padding: 6px 0 6px 10px;
  white-space: nowrap;
  background-color: transparent;
}

.campaign-link .campaign-link-edit .ds-dropdown-menu .suggestion-subtitle:before {
  width: calc(100% - 20px);
}

.campaign-link .campaign-link-edit .ds-dropdown-menu .suggestion-subtitle .suggestion-info {
  display: inline-block;
  margin-left: 6px;
  font-size: 10px;
  width: 15px;
  height: 15px;
  text-align: center;
  padding-left: 2px;
  border: 1px solid currentColor;
  border-radius: 50%;
}

.campaign-link .campaign-link-edit .ds-dropdown-menu .suggestion-subtitle .suggestion-info i {
  font-style: normal;
}

.campaign-link .campaign-link-edit .data-input--trash,
.campaign-link .campaign-link-edit .data-input--info {
  margin-left: 10px;
}

.campaign-link .campaign-link-edit .data-input--trash {
  position: relative;
  top: 2px;
}

.campaign-link .campaign-link-edit .data-input--trash:hover {
  cursor: pointer;
  color: #F24E1E;
}

.campaign-link .campaign-link-edit .data-input--info {
  width: 18px;
  height: 18px;
  border: solid 1px #919191;
  text-align: center;
  border-radius: 50px;
  line-height: 14px;
  cursor: default;
}

.campaign-link .campaign-link-edit .data-input--info > i {
  color: #919191;
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
}

.campaign-link .campaign-link-edit .balloon-menu {
  position: relative;
}

.campaign-link .campaign-link-edit .pop-up-anchor .balloon-shadow > .content.my-class {
  position: absolute;
  top: -400px;
  border: 1px solid #D4D4D4;
  border-radius: 13px;
}

.campaign-link .campaign-link-edit .pop-up-anchor .balloon-shadow > .content.my-class .my-outer-class {
  position: relative;
}

.campaign-link .campaign-link-edit .pop-up-anchor .balloon-shadow > .content.my-class .my-outer-class .balloon-dialog {
  padding: 0;
  border-width: 0;
}

.campaign-link .campaign-link-edit .pop-up-anchor .balloon-shadow > .content.my-class .my-outer-class .balloon-dialog .dialog-title {
  margin-bottom: 20px;
}

.campaign-link .campaign-link-edit .pop-up-anchor .balloon-shadow > .content.my-class .my-outer-class .flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.campaign-link .campaign-link-edit .pop-up-anchor .balloon-shadow > .content.my-class .my-outer-class .flex .initial-preloader {
  position: initial;
  height: 40px;
  width: initial;
}

.campaign-link .campaign-link-edit .pop-up-anchor .balloon-shadow > .content.my-class .my-outer-class .flex .filter-list-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 90%;
}

.campaign-link .campaign-link-edit .pop-up-anchor .balloon-shadow > .content.my-class .my-outer-class .flex .filter-list-content .filter-list-head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 22px;
}

.campaign-link .campaign-link-edit .pop-up-anchor .balloon-shadow > .content.my-class .my-outer-class .flex .filter-list-content .tooltipContainer {
  display: -ms-flexbox;
  display: flex;
  vertical-align: middle;
  position: relative;
  word-wrap: break-word;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.campaign-link .campaign-link-edit .pop-up-anchor .balloon-shadow > .content.my-class .my-outer-class .flex .filter-list-content .tooltipContainer .dsa-info-book,
.campaign-link .campaign-link-edit .pop-up-anchor .balloon-shadow > .content.my-class .my-outer-class .flex .filter-list-content .tooltipContainer .dsa-chip,
.campaign-link .campaign-link-edit .pop-up-anchor .balloon-shadow > .content.my-class .my-outer-class .flex .filter-list-content .tooltipContainer .ds-dropdown-select > span,
.campaign-link .campaign-link-edit .pop-up-anchor .balloon-shadow > .content.my-class .my-outer-class .flex .filter-list-content .tooltipContainer .dsm-upgrade-info > div > div + div {
  width: 150px;
  max-height: 300px;
  top: 165px;
  left: -30px;
  white-space: normal;
  word-wrap: break-word;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.campaign-link .campaign-link-edit .ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 0;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.floating-menu .floating-entry,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.floating-menu .floating-entry {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.floating-menu {
  border-left: 1px solid #CFCFCF;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.floating-menu .current-active {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 1px;
  background-color: #F24E1E;
  top: 0;
  left: -1px;
  -webkit-transition: top 0.3s;
  -o-transition: top 0.3s;
  transition: top 0.3s;
}

.floating-menu .floating-entry {
  height: 52px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 12px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.floating-tabs .floating-entry,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.floating-tabs .floating-entry {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.floating-tabs {
  border-bottom: 1px solid #CFCFCF;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
}

.floating-tabs .current-active {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 2px;
  background-color: #1B76F0;
  bottom: -1px;
  left: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.floating-tabs .floating-entry {
  color: #222222;
  height: 45px;
  padding-bottom: 20px;
  width: 160px;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: color 0.5s;
  -o-transition: color 0.5s;
  transition: color 0.5s;
}

.floating-tabs .floating-entry.active {
  color: #1B76F0;
}

.floating-tabs .floating-entry > div.tab-icon {
  display: inline-block;
  height: 20px;
}

.floating-tabs .floating-entry > img {
  height: 20px;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.conversion-upload .cup-content {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.conversion-upload .cup-content {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.conversion-upload {
  display: -ms-flexbox;
  display: flex;
  gap: 19px;
  padding-right: 18px;
  overflow: hidden;
}

.conversion-upload .cup-menu {
  width: 274px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 64px;
}

.conversion-upload .cup-view {
  -ms-flex-positive: 1;
      flex-grow: 1;
  max-width: 866px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 36px;
}

.conversion-upload .cup-content {
  -ms-flex-positive: 1;
      flex-grow: 1;
  overflow: auto;
  scrollbar-width: thin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 18px;
  background-color: #FFFFFF;
  border-radius: 12px;
  padding: 20px;
}

.conversion-upload .cup-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 18px;
}

.conversion-upload .cup-block .ds-gap-12 {
  -ms-flex-align: stretch;
      align-items: stretch;
}

.conversion-upload .cup-block .ds-gap-12 > div {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.conversion-upload .cup-block ul {
  margin-left: 20px;
}

.conversion-upload .cup-block input {
  width: 320px;
}

.conversion-upload .cup-second-level {
  margin-left: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 18px;
}

.conversion-upload .cup-box {
  display: inline-block;
  max-width: 100%;
}

.conversion-upload .cup-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.conversion-upload .cup-selections {
  display: -ms-flexbox;
  display: flex;
  gap: 18px;
}

.conversion-upload .cup-selections > div {
  width: 235px;
}

.conversion-upload .copied {
  position: absolute;
  left: calc(100% + 4px);
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  height: 32px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  background-color: #FFFFFF;
  padding: 8px;
  border-radius: 8px;
  font-weight: 600;
  color: #41CA77;
  border: 2px solid #41CA77;
}

.conversion-upload .cup-list-wrapper {
  width: 100%;
  -ms-flex-item-align: start;
      align-self: flex-start;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 16px;
  padding: 16px 24px 24px;
  border-radius: 8px;
}

.conversion-upload .cup-list {
  -ms-flex-item-align: start;
      align-self: flex-start;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  max-height: 216px;
  overflow: auto;
  scrollbar-width: thin;
}

.conversion-upload .cup-list-item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  height: 24px;
  cursor: pointer;
  font-weight: 600;
  color: #262626;
  padding-right: 16px;
  white-space: nowrap;
}

.conversion-upload .cup-list-item svg {
  margin-left: 4px;
  display: inline-block;
  font-size: 9px;
  height: 14px;
  width: 10px;
  color: transparent;
}

.conversion-upload .cup-list-item:hover span {
  color: #F24E1E;
}

.conversion-upload .cup-list-item.disabled {
  cursor: default;
  color: #B0B0B0;
}

.conversion-upload .cup-list-item.disabled:hover span {
  color: #B0B0B0;
}

.conversion-upload .cup-list-item.active {
  display: -ms-flexbox;
  display: flex;
  width: initial;
  padding: 4px 8px;
  height: 24px;
  color: #FFFFFF;
  background: #F24E1E;
  border-radius: 32px;
}

.conversion-upload .cup-list-item.active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.conversion-upload .cup-list-item.active:hover span {
  color: #FFFFFF;
}

.conversion-upload .cup-list-item.active .dsa-info-bold,
.conversion-upload .cup-list-item.active .dsa-button-primary-small,
.conversion-upload .cup-list-item.active .dsa-button-secondary-small,
.conversion-upload .cup-list-item.active .ds-combi-input,
.conversion-upload .cup-list-item.active svg {
  color: inherit;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.list-action-bar {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 12px;
  padding: 8px;
}

.list-action-bar > div {
  cursor: pointer;
}

.list-action-bar > div.ds-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.list-action-bar > div.with-text {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 4px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  border-radius: 4px;
  border: 1px solid #B0B0B0;
  background: #FFFFFF;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.list-overview .search-field > input::-webkit-input-placeholder,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.list-overview .search-field > input::-moz-placeholder,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.list-overview .search-field > input::-ms-input-placeholder,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.list-overview .search-field > input::placeholder,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link,
.list-overview .search-field > input::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link,
.list-overview .search-field > input::-moz-placeholder {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link,
.list-overview .search-field > input::-ms-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link,
.list-overview .search-field > input::placeholder {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.list-overview {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 12px;
  padding: 32px 0 32px 32px;
  margin-bottom: 32px;
  background-color: #FFFFFF;
  margin-right: 24px;
  width: calc(100% - 24px);
}

.list-overview .dsm-upgrade-info {
  max-width: calc(100% - 32px);
}

.list-overview .ds-side-bar-menu {
  width: 224px;
  -ms-flex: 0 0 224px;
      flex: 0 0 224px;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-right: 80px;
}

.list-overview .ds-side-bar-menu .dsm-side-bar-link {
  min-width: 226px;
}

.list-overview .ds-side-bar-menu + .ds-section {
  width: calc(100% - 304px);
}

.list-overview .ds-row-headline {
  padding-bottom: 0;
  margin-top: 12px;
}

.list-overview .dsm-section-header {
  min-width: 500px;
  gap: 12px;
  padding-right: 32px;
  font-size: 14px;
  font-weight: 400;
}

.list-overview .dsm-section-header > .dsa-h4,
.list-overview .dsm-section-header > .dsm-section-header {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.list-overview .dsm-section-header button {
  height: 40px;
  font-size: 16px;
  font-weight: 400;
}

.list-overview .dsm-section-header button > svg {
  padding: 0;
}

.list-overview .ds-section-wrapper-12 {
  margin-right: 32px;
}

.list-overview .trackYVisible .ds-section-wrapper-12 {
  margin-right: 22px;
}

.list-overview .ds-section-list-item {
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: stretch;
      align-items: stretch;
  padding: 12px 20px;
}

.list-overview .ds-section-list-item:hover .action-cell .action-buttons {
  display: -ms-flexbox;
  display: flex;
}

.list-overview .ds-section-list-item:hover .action-cell > div:not(.action-buttons) {
  opacity: 0;
}

.list-overview .ds-section-list-item .action-cell {
  width: 220px;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}

.list-overview .ds-section-list-item .action-cell .action-buttons {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 8px;
}

.list-overview .search-field {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 176px;
  height: 40px;
  padding: 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #CFCFCF;
  background: #FFFFFF;
}

.list-overview .search-field > input {
  font-size: 14px;
  line-height: 17px;
  width: 106px;
  border: none;
  background: transparent;
  outline: none;
}

.list-overview .search-field > input::-webkit-input-placeholder {
  font-size: 14px;
  color: #7B8595;
}

.list-overview .search-field > input::-moz-placeholder {
  font-size: 14px;
  color: #7B8595;
}

.list-overview .search-field > input::-ms-input-placeholder {
  font-size: 14px;
  color: #7B8595;
}

.list-overview .search-field > input::placeholder {
  font-size: 14px;
  color: #7B8595;
}

.list-overview .search-field > input + div {
  height: 16px;
  line-height: 1;
}

.list-overview .search-field .clear-search {
  cursor: pointer;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.access-token-overview .access-token-table thead th,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.access-token-overview .access-token-table thead th {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.access-token-overview {
  position: relative;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.access-token-overview .dsa-page-settings .settings-content {
  width: 926px;
}

.access-token-overview .dsa-page-settings .dsa-settings {
  width: 906px;
}

.access-token-overview .access-token-table {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  margin-top: 32px;
  margin-right: -2px;
}

.access-token-overview .access-token-table .transparent {
  opacity: 0;
}

.access-token-overview .access-token-table .access-token-wrapper {
  display: inline-block;
  height: 100%;
  min-width: calc(100% - 32px);
}

.access-token-overview .access-token-table .access-token-wrapper table {
  min-width: 100%;
  margin: 0 1px;
}

.access-token-overview .access-token-table table {
  width: 100%;
  table-layout: fixed;
}

.access-token-overview .access-token-table table th:first-child,
.access-token-overview .access-token-table table td:first-child {
  width: 132px;
}

.access-token-overview .access-token-table table th:first-child > .dsa-text-book,
.access-token-overview .access-token-table table th:first-child > .dsa-text-book-italic,
.access-token-overview .access-token-table table th:first-child > .dsa-radio-tab,
.access-token-overview .access-token-table table th:first-child > .dsa-radio-tab-large,
.access-token-overview .access-token-table table th:first-child > .ds-formfield,
.access-token-overview .access-token-table table th:first-child > .ds-unit-input,
.access-token-overview .access-token-table table th:first-child > .ds-input-number,
.access-token-overview .access-token-table table th:first-child > .ds-input-text,
.access-token-overview .access-token-table table .dropdown th:first-child > .ds-dropdown-toggle:not(.ds-pure-input),
.dropdown .access-token-overview .access-token-table table th:first-child > .ds-dropdown-toggle:not(.ds-pure-input),
.access-token-overview .access-token-table table .ds-unit-input th:first-child > .ds-pure-input,
.ds-unit-input .access-token-overview .access-token-table table th:first-child > .ds-pure-input,
.access-token-overview .access-token-table table .dropdown th:first-child > .ds-dropdown-toggle.ds-pure-input,
.dropdown .access-token-overview .access-token-table table th:first-child > .ds-dropdown-toggle.ds-pure-input,
.access-token-overview .access-token-table table th:first-child > .ds-input-wrapper,
.access-token-overview .access-token-table table th:first-child > .ds-dropdown-menu-item,
.access-token-overview .access-token-table table th:first-child > .ds-dropdown-menu-entry,
.access-token-overview .access-token-table table td:first-child > .dsa-text-book,
.access-token-overview .access-token-table table td:first-child > .dsa-text-book-italic,
.access-token-overview .access-token-table table td:first-child > .dsa-radio-tab,
.access-token-overview .access-token-table table td:first-child > .dsa-radio-tab-large,
.access-token-overview .access-token-table table td:first-child > .ds-formfield,
.access-token-overview .access-token-table table td:first-child > .ds-unit-input,
.access-token-overview .access-token-table table td:first-child > .ds-input-number,
.access-token-overview .access-token-table table td:first-child > .ds-input-text,
.access-token-overview .access-token-table table .dropdown td:first-child > .ds-dropdown-toggle:not(.ds-pure-input),
.dropdown .access-token-overview .access-token-table table td:first-child > .ds-dropdown-toggle:not(.ds-pure-input),
.access-token-overview .access-token-table table .ds-unit-input td:first-child > .ds-pure-input,
.ds-unit-input .access-token-overview .access-token-table table td:first-child > .ds-pure-input,
.access-token-overview .access-token-table table .dropdown td:first-child > .ds-dropdown-toggle.ds-pure-input,
.dropdown .access-token-overview .access-token-table table td:first-child > .ds-dropdown-toggle.ds-pure-input,
.access-token-overview .access-token-table table td:first-child > .ds-input-wrapper,
.access-token-overview .access-token-table table td:first-child > .ds-dropdown-menu-item,
.access-token-overview .access-token-table table td:first-child > .ds-dropdown-menu-entry {
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.access-token-overview .access-token-table table th:nth-child(2) > div,
.access-token-overview .access-token-table table td:nth-child(2) > div {
  white-space: nowrap;
}

.access-token-overview .access-token-table table th:nth-child(3),
.access-token-overview .access-token-table table td:nth-child(3) {
  width: 220px;
}

.access-token-overview .access-token-table table th:nth-child(4),
.access-token-overview .access-token-table table td:nth-child(4) {
  width: 80px;
}

.access-token-overview .access-token-table table th:nth-child(4) svg,
.access-token-overview .access-token-table table td:nth-child(4) svg {
  cursor: pointer;
}

.access-token-overview .access-token-table thead th {
  color: #979797;
  padding: 0 12px 8px;
  white-space: nowrap;
}

.access-token-overview .access-token-table tbody {
  border-radius: 8px;
  -webkit-box-shadow: 0 0 0 1px #C7CBD0;
          box-shadow: 0 0 0 1px #C7CBD0;
  background: #FFFFFF;
}

.access-token-overview .access-token-table tbody tr {
  background-color: #EBF0F5;
}

.access-token-overview .access-token-table tbody tr:nth-child(even) {
  background-color: #FFFFFF;
}

.access-token-overview .access-token-table tbody tr + tr {
  border-top: 1px solid #C7CBD0;
}

.access-token-overview .access-token-table tbody tr td {
  font-size: 12px;
  line-height: 12px;
  white-space: nowrap;
  vertical-align: top;
}

.access-token-overview .access-token-table tbody tr td > div {
  height: 100%;
  width: 100%;
  min-height: 50px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 12px;
}

.access-token-overview .access-token-table tbody tr td > div > svg {
  vertical-align: text-bottom;
  margin-right: 4px;
}

.access-token-overview .access-token-table tbody tr:first-child td:first-child {
  border-top-left-radius: 8px;
}

.access-token-overview .access-token-table tbody tr:first-child td:last-child {
  border-top-right-radius: 8px;
}

.access-token-overview .access-token-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}

.access-token-overview .access-token-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}

.access-token-overview .access-token-table tbody tr .action {
  position: relative;
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.access-token-overview .access-token-table tbody tr .action > div {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.access-token-overview .access-token-table tbody tr .action .hover-action {
  display: none;
}

.access-token-overview .access-token-table tbody tr:hover .action .hover-action {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.access-token-overview .access-token-table .hover-action {
  gap: 12px;
  padding: 0 8px;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #EBF0F5;
  border-radius: 8px;
}

.access-token-overview .access-token-table .hover-action .dsa-button-secondary-small {
  padding: 4px 8px 4px 4px;
  gap: 4px;
  border-radius: 4px;
  border-color: #B0B0B0;
}

.access-token-overview .access-token-table .hover-action > div {
  line-height: 1;
}

.access-token-overview .access-token-table .hover-action svg {
  cursor: pointer;
}

.access-token-overview .access-token-table tr:nth-child(even) .hover-action {
  background-color: #FFFFFF;
}

.access-token-overview .access-token-table .link-copy {
  position: relative;
}

.access-token-overview .access-token-table .copied {
  position: absolute;
  right: 0;
  top: -6px;
  bottom: -6px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  background-color: #FFFFFF;
  padding: 8px;
  border-radius: 8px;
  font-weight: 600;
  color: #41CA77;
  border: 2px solid #41CA77;
}

.access-token-overview .dsm-upgrade-info {
  max-width: 100%;
}

.access-token-overview .access-token-bar {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
}

.access-token-overview .access-token-bar button.ds-inactive {
  color: #FFFFFF;
  background-color: #B0B0B0;
}

.access-token-copy .copied {
  position: absolute;
  left: calc(100% + 4px);
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  height: 32px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  background-color: #FFFFFF;
  padding: 8px;
  border-radius: 8px;
  font-weight: 600;
  color: #41CA77;
  border: 2px solid #41CA77;
}

.add-access-token {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.add-access-token .ds-input-text {
  height: 47px;
  width: 300px;
}

.add-access-token .scope-dropdown {
  width: 250px;
}

.add-access-token .scope-dropdown .dsa-select-box {
  height: 47px;
}

.add-access-token .scope-dropdown .dsa-select-box > span {
  line-height: normal;
}

.add-access-token .scope-dropdown .dsa-select-box img {
  top: 12px;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.statistic-reset {
  position: relative;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.statistic-reset .ds-info-box,
.statistic-reset .dsm-upgrade-info {
  min-width: 100%;
}

.statistic-reset .ds-info-box > div,
.statistic-reset .dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
}

.statistic-reset button {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.statistic-reset button:hover {
  background-color: #F11B1B;
  color: #FFFFFF;
  border-color: #F11B1B;
}

button.warning-button:hover {
  background-color: #F11B1B;
  color: #FFFFFF;
  border-color: #F11B1B;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16,
.track-info .download-app {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.track-info {
  position: relative;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.track-info .track-info-header {
  padding-top: 24px;
  -ms-flex-item-align: center;
      align-self: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 20px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 32px;
  width: 886px;
  height: 65px;
  border-bottom: 1px solid #CFCFCF;
  position: relative;
}

.track-info .track-info-header .floating-tabs {
  border-color: transparent;
}

.track-info .track-info-header .floating-tabs .floating-entry {
  width: 180px;
}

.track-info a {
  color: currentColor;
  text-decoration: underline;
}

.track-info .number {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 32px;
  height: 32px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: #D9E8EE;
}

.track-info .dsm-option-item-2 {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.track-info .upgrade-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  margin-left: 8px;
  border-radius: 32px;
  background: #F24E1E;
}

.track-info .upgrade-button > * {
  color: #FFFFFF;
}

.track-info .list-wrap {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 32px;
}

.track-info .plug-icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.track-info .plugin-list {
  display: inline-block;
  border-radius: 16px;
  padding: 16px;
  background: #EBF0F5;
}

.track-info .plugin-list ul {
  list-style: inside;
}

.track-info .plugin-list .externalLink {
  color: #F24E1E;
  text-decoration: none;
}

.track-info .app-doc > a {
  text-decoration: none;
}

.track-info .app-doc > a > span {
  color: #F24E1E;
}

.track-info .copy-key {
  cursor: pointer;
  position: relative;
}

.track-info .email-sent,
.track-info .copied {
  position: absolute;
  left: calc(100% + 4px);
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  height: 32px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  background-color: #FFFFFF;
  padding: 8px;
  border-radius: 8px;
  font-weight: 600;
  color: #41CA77;
  border: 2px solid #41CA77;
}

.track-info .download-app {
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 16px;
  padding: 16px;
  background: #EBF0F5;
}

.track-info .download-app a {
  color: #F24E1E;
  text-decoration: none;
}

.track-info .app-icon {
  border-radius: 8px;
  padding: 12px;
  background: #FFFFFF;
  color: #222222;
}

.track-info .step-by-step {
  -ms-flex-align: start;
      align-items: flex-start;
  width: 100%;
}

.track-info .step-by-step > div:last-child {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.track-info .ds-gap-24 > .ds-gap-24.ds-column {
  width: 100%;
}

.track-info .input-combo {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  min-width: 451px;
  padding: 4px 4px 4px 16px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 12px;
  border: 1px solid #B0B0B0;
  background: #FFFFFF;
}

.track-info .input-combo > label,
.track-info .input-combo > input {
  cursor: pointer;
  -ms-flex-positive: 1;
      flex-grow: 1;
  background: transparent;
  border: none;
  outline: none;
}

.track-info .input-combo > label > .dsa-text-bold,
.track-info .input-combo > label > .dsa-text-bold-italic,
.track-info .input-combo > label > .dsm-side-bar-link,
.track-info .input-combo > label > .ds-toggle-label,
.track-info .input-combo > label > .ds-dropdown-menu-item.active,
.track-info .input-combo > label > .active.ds-dropdown-menu-entry,
.track-info .input-combo > label > .ds-snack-green,
.track-info .input-combo > label.ds-snack-bar > div,
.track-info .input-combo > label > .ds-snack-error,
.track-info .input-combo > label > .ds-snack-blue,
.track-info .input-combo > input > .dsa-text-bold,
.track-info .input-combo > input > .dsa-text-bold-italic,
.track-info .input-combo > input > .dsm-side-bar-link,
.track-info .input-combo > input > .ds-toggle-label,
.track-info .input-combo > input > .ds-dropdown-menu-item.active,
.track-info .input-combo > input > .active.ds-dropdown-menu-entry,
.track-info .input-combo > input > .ds-snack-green,
.track-info .input-combo > input.ds-snack-bar > div,
.track-info .input-combo > input > .ds-snack-error,
.track-info .input-combo > input > .ds-snack-blue {
  min-height: 51px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.track-info .input-combo > label > .dsa-text-bold > svg,
.track-info .input-combo > label > .dsa-text-bold-italic > svg,
.track-info .input-combo > label > .dsm-side-bar-link > svg,
.track-info .input-combo > label > .ds-toggle-label > svg,
.track-info .input-combo > label > .ds-dropdown-menu-item.active > svg,
.track-info .input-combo > label > .active.ds-dropdown-menu-entry > svg,
.track-info .input-combo > label > .ds-snack-green > svg,
.track-info .input-combo > label.ds-snack-bar > div > svg,
.track-info .input-combo > label > .ds-snack-error > svg,
.track-info .input-combo > label > .ds-snack-blue > svg,
.track-info .input-combo > input > .dsa-text-bold > svg,
.track-info .input-combo > input > .dsa-text-bold-italic > svg,
.track-info .input-combo > input > .dsm-side-bar-link > svg,
.track-info .input-combo > input > .ds-toggle-label > svg,
.track-info .input-combo > input > .ds-dropdown-menu-item.active > svg,
.track-info .input-combo > input > .active.ds-dropdown-menu-entry > svg,
.track-info .input-combo > input > .ds-snack-green > svg,
.track-info .input-combo > input.ds-snack-bar > div > svg,
.track-info .input-combo > input > .ds-snack-error > svg,
.track-info .input-combo > input > .ds-snack-blue > svg {
  margin-right: 8px;
}

.track-info .input-combo > button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.track-info .input-combo .dsa-text-bold,
.track-info .input-combo .dsa-text-bold-italic,
.track-info .input-combo .dsm-side-bar-link,
.track-info .input-combo .ds-toggle-label,
.track-info .input-combo .ds-dropdown-menu-item.active,
.track-info .input-combo .active.ds-dropdown-menu-entry,
.track-info .input-combo .ds-snack-green,
.track-info .input-combo .ds-snack-bar > div,
.track-info .input-combo .ds-snack-error,
.track-info .input-combo .ds-snack-blue {
  max-width: 600px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.track-info .sub-grid {
  display: grid;
  grid-template-columns: 190px auto;
  gap: 16px 4px;
}

.track-info .params-grid {
  display: inline-grid;
  width: 500px;
  grid-template-columns: 50% 50%;
  gap: 16px 4px;
}

.track-info .title-warning {
  color: #F11B1B;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  width: 570px;
}

.track-info .close-icon {
  color: white;
  background-color: #F11B1B;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.track-info .invisible {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: inline-block;
  height: 1px;
  width: 1px;
}

.track-info .ds-info-box,
.track-info .dsm-upgrade-info {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 12px;
}

.track-info .ds-info-box > *,
.track-info .dsm-upgrade-info > * {
  color: #F24E1E;
}

.code-snippet {
  position: relative;
  cursor: pointer;
  border-radius: 12px;
  border-radius: 12px;
  border: 1px solid #C7CBD0;
  background: #EBF0F5;
}

.code-snippet > div:not(.pre) {
  border-radius: 12px 12px 0 0;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 16px;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.code-snippet > div:not(.pre) .dsa-tag-label,
.code-snippet > div:not(.pre) .ds-label-grey,
.code-snippet > div:not(.pre) .ds-label-blue,
.code-snippet > div:not(.pre) .ds-label-fir,
.code-snippet > div:not(.pre) .ds-label-blue-small,
.code-snippet > div:not(.pre) .ds-label-fir-small,
.code-snippet > div:not(.pre) .ds-dropdown-menu-label {
  color: #FDFDFD;
  padding: 8px 16px;
  border-radius: 8px;
  border: 1px solid #7B8595;
  background: #3F424A;
}

.code-snippet > div:not(.pre).copied {
  border-radius: 8px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.code-snippet .pre,
.code-snippet pre {
  border-radius: 0 0 12px 12px;
  padding: 16px;
  white-space: pre-line;
  color: rgba(164, 202, 252, 0.5);
  background-color: #222222;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.conversion-overview .ds-snack-bar {
  background-color: transparent;
  z-index: 200;
}

.conversion-overview .ds-snack-bar > div {
  max-width: 700px;
}

.conversion-overview .ds-snack-bar > div > svg {
  color: #41CA77;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.conversion-overview .ds-snack-bar > div.ds-snack-error {
  border-left-color: #F11B1B;
}

.conversion-overview .ds-snack-bar > div.ds-snack-error > svg {
  color: #F11B1B;
}

.conversion-overview .ds-snack-bar.ds-active {
  top: 94px;
}

.conversion-overview.list-overview .ds-row-headline {
  padding-bottom: 8px;
  margin-top: 12px;
}

.conversion-overview.list-overview .ds-section-list-wrapper + .ds-row-headline {
  margin-top: 24px;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.profile .profile-form {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.profile .profile-form {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.profile .profile-form .label-input > .input-button-bar > input,
.profile .profile-form .label-input > input,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.profile .profile-form .label-input > div:first-child,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.profile .profile-form .label-input > .input-button-bar > input,
.profile .profile-form .label-input > input,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.profile .profile-form .label-input > div:first-child {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.profile .profile-form {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.profile .profile-form .label-input > .input-button-bar > input,
.profile .profile-form .label-input > input,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.profile .profile-form .label-input > .input-button-bar > input,
.profile .profile-form .label-input > input,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text,
.profile .profile-form .label-input > .input-button-bar > input,
.profile .profile-form .label-input > input {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder,
.profile .profile-form .label-input > .input-button-bar > input:placeholder,
.profile .profile-form .label-input > input:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a,
.profile .profile-form .label-input > .input-button-bar > input + .dropdown-menu > li > a,
.profile .profile-form .label-input > input + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a,
.profile .profile-form .label-input > .input-button-bar > input + .dropdown-menu > .active > a,
.profile .profile-form .label-input > input + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive,
.profile .profile-form .label-input > .input-button-bar > input.ds-inactive,
.profile .profile-form .label-input > input.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text,
.ds-input-wrapper .profile .profile-form .label-input > .input-button-bar > input,
.profile .profile-form .ds-input-wrapper .label-input > .input-button-bar > input,
.ds-input-wrapper .profile .profile-form .label-input > input,
.profile .profile-form .ds-input-wrapper .label-input > input {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.profile {
  position: relative;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.profile .profile-header {
  padding-top: 24px;
  -ms-flex-item-align: center;
      align-self: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 20px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 32px;
  width: 886px;
  height: 65px;
  border-bottom: 1px solid #CFCFCF;
  position: relative;
}

.profile .profile-header .floating-tabs {
  border-color: transparent;
}

.profile .profile-header .floating-tabs .floating-entry {
  width: initial;
}

.profile .profile-content {
  display: -ms-flexbox;
  display: flex;
  padding: 19px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  gap: 19px;
}

.profile .profile-form {
  display: -ms-flexbox;
  display: flex;
  width: 886px;
  padding: 29px 20px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 16px;
  border-radius: 12px;
  background: #FFFFFF;
}

.profile .profile-form .label-input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 4px;
}

.profile .profile-form .label-input > div:first-child {
  font-size: 14px;
  font-weight: 500;
  color: #222222;
}

.profile .profile-form .label-input > .input-button-bar > input,
.profile .profile-form .label-input > input {
  height: 42px;
  border-color: #CFCFCF;
  background-color: #FDFDFD;
}

.profile .profile-form .label-input > .input-button-bar > input:focus,
.profile .profile-form .label-input > input:focus {
  border-color: #1B76F0;
}

.profile .profile-form .label-input > .dsa-select-box {
  width: 140px;
}

.profile .profile-form > .label-input > .input-button-bar > input,
.profile .profile-form > .label-input > input {
  width: 320px;
}

.profile .profile-form.pr-error input.pr-invalid,
.profile .profile-form.pr-error input:invalid {
  color: #FD5555;
  outline: 1px solid #FD5555;
  background-color: #fbecec;
}

.profile .profile-form .input-checkbox {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.profile .profile-form .input-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 16px;
}

.profile .profile-form .input-group > .label-input {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.profile .profile-form .input-group > .label-input.zip-city {
  width: 131px;
  -ms-flex-positive: 0;
      flex-grow: 0;
}

.profile .profile-form .input-group .dsa-error {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  color: #FD5555;
}

.profile .profile-form .input-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 16px;
  -ms-flex-align: end;
      align-items: flex-end;
}

.profile .profile-form .input-button-bar {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 16px;
  -ms-flex-align: center;
      align-items: center;
}

.profile .profile-form .link {
  text-decoration: underline;
  color: #888;
  font-size: 13px;
}

.profile .profile-form .link:hover {
  cursor: pointer;
}

.profile .profile-bar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: 886px;
  padding: 4px 4px 4px 16px;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  border: 1px solid #E4E4E4;
  background: #FFFFFF;
}

.profile .profile-bar > div:last-child {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 32px;
}

.profile .ds-snack-bar-wrapper .ds-snack-bar {
  margin-right: 200px;
  background-color: transparent;
}

.profile .ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 24px);
}

.profile .input-error {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #FD5555;
  font-size: 13px;
  font-weight: 500;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient,
.contract-expired .order-button {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* --- General --- */

/* --- Fonts --- */

/* --- Transitions --- */

/* --- Buttons --- */

/* --- Inputs --- */

/* --- Screen size breakpoints --- */

/* --- Screen size breakpoints dashboard--- */

/* --- Daterange picker --- */

/*$active-checked-background-first: $color-etracker-orange-default;
$active-checked-background-between: $color-tree-poppy;
$inactive-checked-background-first: $color-alto;
$inactive-checked-background-between: $color-alto;*/

/* --- Export --- */

/* --- SubUser --- */

/* --- Glyphs --- */

/* --- Sidebar --- */

/* --- Statistic table --- */

/* --- Table scrollbar --- */

/* --- Visualization --- */

/* --- ATTRIBUTE BOX SCROLLBAR --- */

/* --- BREAKPOINTS / VIEWPORTS --- */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient,
.contract-expired .order-button {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient,
.contract-expired .order-button {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.contract-expired {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 16px;
}

.contract-expired .login-content {
  -ms-flex-positive: 1;
      flex-grow: 1;
  position: relative;
  -ms-flex-item-align: center;
      align-self: center;
  min-height: 300px;
  width: calc(100% - 32px);
  max-width: 1392px;
  margin-bottom: 16px;
}

.contract-expired .login-content > div:first-child {
  max-width: 600px;
  line-height: 33px;
}

.contract-expired .sales-contact {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  height: 40px;
  line-height: 40px;
}

.contract-expired .sales-contact .salesContactPart2 {
  font-weight: 600;
}

.contract-expired .order-button {
  width: 481px;
  padding: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 24px;
  border-radius: 8px;
}

.contract-expired .order-button .transparent {
  background-color: transparent;
}

.contract-expired .order-button button {
  min-width: 170px;
  -ms-flex-item-align: start;
      align-self: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.contract-expired .order-button button.dsa-button-secondary {
  padding: 11px 8px 11px 16px;
}

.contract-expired .order-button button:focus {
  outline: 1px dotted #7B8595;
  outline-offset: 2px;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.sub-users .edit-user .account-entries .account-entry:hover,
.sub-users .edit-role .account-entries .account-entry:hover {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.sub-users .edit-user .account-entries .account-entry:hover,
.sub-users .edit-role .account-entries .account-entry:hover {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.sub-users .label-input > input,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.sub-users thead th,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.sub-users .edit-user .toggle > div:first-child,
.sub-users .edit-role .toggle > div:first-child,
.sub-users .label-input > div:first-child,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.sub-users .label-input > input,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.sub-users thead th {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.sub-users .edit-user .toggle > div:first-child,
.sub-users .edit-role .toggle > div:first-child,
.sub-users .label-input > div:first-child {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.sub-users .edit-user .account-entries .account-entry:hover,
.sub-users .edit-role .account-entries .account-entry:hover {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.sub-users .label-input > input,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.sub-users .label-input > input,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text,
.sub-users .label-input > input {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder,
.sub-users .label-input > input:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a,
.sub-users .label-input > input + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a,
.sub-users .label-input > input + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive,
.sub-users .label-input > input.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text,
.ds-input-wrapper .sub-users .label-input > input,
.sub-users .ds-input-wrapper .label-input > input {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.sub-users {
  position: relative;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.sub-users .sub-users-header {
  padding-top: 24px;
  -ms-flex-item-align: center;
      align-self: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 20px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 32px;
  width: 886px;
  height: 65px;
  border-bottom: 1px solid #CFCFCF;
  position: relative;
}

.sub-users .sub-users-header .floating-tabs {
  border-color: transparent;
}

.sub-users .sub-users-header .floating-tabs .floating-entry {
  width: 200px;
}

.sub-users table {
  border-collapse: separate;
  width: 100%;
}

.sub-users thead th {
  color: #979797;
  padding: 0 12px 8px;
  white-space: nowrap;
}

.sub-users th,
.sub-users td {
  height: 48px;
  padding: 0 12px;
  vertical-align: middle;
  text-align: left;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}

.sub-users tbody tr {
  background-color: #EBF0F5;
  position: relative;
}

.sub-users tbody tr td {
  border-top: 1px solid #C7CBD0;
}

.sub-users tbody tr:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.sub-users tbody tr:first-child td:first-child {
  border-top-left-radius: 8px;
}

.sub-users tbody tr:first-child td:last-child,
.sub-users tbody tr:first-child .cell-mfa_force {
  border-top-right-radius: 8px;
}

.sub-users tbody tr td:first-child {
  border-left: 1px solid #C7CBD0;
}

.sub-users tbody tr td:last-child,
.sub-users tbody tr .cell-mfa_force {
  border-right: 1px solid #C7CBD0;
}

.sub-users tbody tr:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.sub-users tbody tr:last-child td {
  border-bottom: 1px solid #C7CBD0;
}

.sub-users tbody tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}

.sub-users tbody tr:last-child td:last-child,
.sub-users tbody tr:last-child .cell-mfa_force {
  border-bottom-right-radius: 8px;
}

.sub-users tbody tr:nth-child(even) {
  background-color: #FFFFFF;
}

.sub-users tbody tr + tr {
  border-top: 1px solid #C7CBD0;
}

.sub-users tbody tr:hover {
  z-index: 100;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(73, 73, 73, 0.4);
          box-shadow: 0px 0px 15px 0px rgba(73, 73, 73, 0.4);
}

.sub-users .role-table {
  gap: 8px;
}

.sub-users .role-table table td + td,
.sub-users .role-table table th + th {
  text-align: center;
}

.sub-users .user-table {
  gap: 8px;
}

.sub-users .button-bar {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.sub-users .button-bar > button {
  height: 40px;
}

.sub-users .user-table table {
  table-layout: fixed;
}

.sub-users .user-table table td,
.sub-users .user-table table th {
  display: table-cell;
}

.sub-users .user-table table .cell-loginID {
  width: 105px;
}

.sub-users .user-table table .cell-name {
  width: 30%;
}

.sub-users .user-table table .cell-accessRole {
  width: 20%;
}

.sub-users .user-table table .cell-status {
  width: 75px;
  text-align: center;
}

.sub-users .user-table table .cell-loginCount {
  width: 75px;
  text-align: center;
}

.sub-users .user-table table .cell-force_mfa {
  width: 160px;
  text-align: center;
}

.sub-users .user-table table .cell-actions {
  text-align: right;
  display: none;
}

.sub-users .user-table table tbody tr:hover .cell-force_mfa {
  display: none;
}

.sub-users .user-table table tbody tr:hover .cell-actions {
  display: table-cell;
}

.sub-users .sub-user-action {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.sub-users .sub-user-action .dsa-button-secondary-small {
  padding: 4px 8px 4px 4px;
  gap: 4px;
  border-radius: 4px;
  border-color: #B0B0B0;
}

.sub-users .sub-user-action > div {
  cursor: pointer;
}

.sub-users .edit-user,
.sub-users .edit-role {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 24px;
}

.sub-users .edit-user .user-block,
.sub-users .edit-user .role-block,
.sub-users .edit-role .user-block,
.sub-users .edit-role .role-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 12px;
}

.sub-users .edit-user .role-block > div:not(.dsa-h5),
.sub-users .edit-role .role-block > div:not(.dsa-h5) {
  margin-left: 24px;
}

.sub-users .edit-user .button-bar,
.sub-users .edit-role .button-bar {
  gap: 20px;
}

.sub-users .edit-user .toggle,
.sub-users .edit-role .toggle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.sub-users .edit-user .toggle.sub-level,
.sub-users .edit-role .toggle.sub-level {
  margin-left: 42px;
}

.sub-users .edit-user .toggle > div:first-child,
.sub-users .edit-role .toggle > div:first-child {
  font-size: 14px;
  font-weight: 500;
  color: #222222;
}

.sub-users .edit-user .account-entries,
.sub-users .edit-role .account-entries {
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}

.sub-users .edit-user .account-entries .account-entry,
.sub-users .edit-role .account-entries .account-entry {
  cursor: pointer;
  width: calc((100% + 16px)/ 4 - 16px);
}

.sub-users .edit-user .account-entries .account-entry:hover,
.sub-users .edit-role .account-entries .account-entry:hover {
  background: #FFFFFF;
  cursor: default;
}

.sub-users .edit-user .account-entries .account-entry.active .check-icon,
.sub-users .edit-role .account-entries .account-entry.active .check-icon {
  color: #1B76F0;
}

.sub-users .edit-user .account-entries .account-entry .check-icon,
.sub-users .edit-role .account-entries .account-entry .check-icon {
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #CFCFCF;
}

.sub-users .edit-user .account-entries .account-entry .upper-line > div:first-child,
.sub-users .edit-role .account-entries .account-entry .upper-line > div:first-child {
  white-space: nowrap;
}

.sub-users .edit-user .add-role-filter,
.sub-users .edit-role .add-role-filter {
  padding: 0 16px;
  width: 286px;
}

.sub-users .edit-user .config-filter-wrapper,
.sub-users .edit-role .config-filter-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
}

.sub-users .edit-user .config-filter-wrapper .dsa-select-box-options,
.sub-users .edit-role .config-filter-wrapper .dsa-select-box-options {
  bottom: calc(100% + 8px);
}

.sub-users .edit-user .with-tooltip,
.sub-users .edit-role .with-tooltip {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.sub-users .edit-user .with-tooltip .su-tooltip,
.sub-users .edit-role .with-tooltip .su-tooltip {
  position: relative;
  height: 20px;
}

.sub-users .edit-user .with-tooltip .su-tooltip > svg + div,
.sub-users .edit-role .with-tooltip .su-tooltip > svg + div {
  display: none;
  position: absolute;
  top: 50%;
  left: calc(100% + 8px);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 390px;
  background-color: #EBF0F5;
  border-radius: 8px;
  padding: 16px;
  z-index: 1;
}

.sub-users .edit-user .with-tooltip .su-tooltip:hover > svg + div,
.sub-users .edit-role .with-tooltip .su-tooltip:hover > svg + div {
  display: block;
}

.sub-users .edit-user .su-input,
.sub-users .edit-role .su-input {
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.sub-users .edit-user .su-input .dsa-input-text,
.sub-users .edit-role .su-input .dsa-input-text {
  max-width: 400px;
}

.sub-users .edit-user .su-input .label-input,
.sub-users .edit-role .su-input .label-input {
  width: 400px;
}

.sub-users .edit-user .su-select,
.sub-users .edit-role .su-select {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.sub-users .edit-user .su-select .su-error .dsa-select-box-selection,
.sub-users .edit-role .su-select .su-error .dsa-select-box-selection {
  border-color: #FD5555;
}

.sub-users .edit-user .su-select .dsa-select-box,
.sub-users .edit-role .su-select .dsa-select-box {
  width: 400px;
}

.sub-users .edit-user .su-select .dsa-select-box-option,
.sub-users .edit-role .su-select .dsa-select-box-option {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}

.sub-users .edit-user .su-select .dsa-select-box-selection,
.sub-users .edit-role .su-select .dsa-select-box-selection {
  padding: 0 12px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-color: #CFCFCF;
}

.sub-users .edit-user .su-select .dsa-select-box-selection > img,
.sub-users .edit-role .su-select .dsa-select-box-selection > img {
  position: relative;
  top: initial;
  right: initial;
}

.sub-users .edit-user .su-select button,
.sub-users .edit-role .su-select button {
  border-radius: 4px;
  border-color: #ccc;
  height: 40px;
  padding: 4px 12px 4px 8px;
  gap: 4px;
}

.sub-users .edit-user .su-select.small .dsa-select-box,
.sub-users .edit-role .su-select.small .dsa-select-box {
  width: 192px;
}

.sub-users .edit-user .su-select.small > div,
.sub-users .edit-role .su-select.small > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 4px;
}

.sub-users input.ua-error {
  color: #FD5555;
  outline: 1px solid #FD5555;
  background-color: #fbecec;
}

.sub-users .ua-error {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.sub-users .ua-error > svg {
  color: #FFFFFF;
  background-color: #F11B1B;
  border-radius: 10px;
  padding: 2px;
}

.sub-users .label-input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 4px;
}

.sub-users .label-input > div:first-child {
  font-size: 14px;
  font-weight: 500;
  color: #222222;
}

.sub-users .label-input > input {
  max-width: 450px;
  height: 42px;
  border-color: #CFCFCF;
  background-color: #FDFDFD;
}

.sub-users .label-input > input:focus {
  border-color: #1B76F0;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.account-settings .tooltip-behind,
.account-settings .ac-info > .dsa-info-book,
.account-settings .ac-info > .dsa-chip,
.account-settings .ds-dropdown-select.ac-info > span,
.account-settings .dsm-upgrade-info > div.ac-info > div + div,
.account-settings .ac-info > .tooltip-behind {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4,
.account-settings .tooltip-behind > div,
.account-settings .ac-info > .dsa-info-book > div,
.account-settings .ac-info > .dsa-chip > div,
.account-settings .ds-dropdown-select.ac-info > span > div,
.account-settings .dsm-upgrade-info > div.ac-info > div + div > div,
.account-settings .ac-info > .tooltip-behind > div {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient,
.account-settings .tooltip-behind,
.account-settings .ac-info > .dsa-info-book,
.account-settings .ac-info > .dsa-chip,
.account-settings .ds-dropdown-select.ac-info > span,
.account-settings .dsm-upgrade-info > div.ac-info > div + div,
.account-settings .ac-info > .tooltip-behind {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.account-settings .tooltip-behind,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.account-settings .tooltip-behind {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.account-settings .tooltip-behind,
.account-settings .ac-info > .dsa-info-book,
.account-settings .ac-info > .dsa-chip,
.account-settings .ds-dropdown-select.ac-info > span,
.account-settings .dsm-upgrade-info > div.ac-info > div + div,
.account-settings .ac-info > .tooltip-behind {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4,
.account-settings .tooltip-behind > div,
.account-settings .ac-info > .dsa-info-book > div,
.account-settings .ac-info > .dsa-chip > div,
.account-settings .ds-dropdown-select.ac-info > span > div,
.account-settings .dsm-upgrade-info > div.ac-info > div + div > div,
.account-settings .ac-info > .tooltip-behind > div {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient,
.account-settings .tooltip-behind,
.account-settings .ac-info > .dsa-info-book,
.account-settings .ac-info > .dsa-chip,
.account-settings .ds-dropdown-select.ac-info > span,
.account-settings .dsm-upgrade-info > div.ac-info > div + div,
.account-settings .ac-info > .tooltip-behind {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.account-settings {
  position: relative;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.account-settings #domain {
  width: 400px;
}

.account-settings .ds-snack-bar > div > svg {
  color: #41CA77;
}

.account-settings .dsa-settings {
  gap: 16px;
}

.account-settings .green {
  color: #1B76F0;
}

.account-settings .account-settings-header {
  padding-top: 24px;
  -ms-flex-item-align: center;
      align-self: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 20px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 32px;
  width: 886px;
  height: 65px;
  border-bottom: 1px solid #CFCFCF;
  position: relative;
}

.account-settings .account-settings-header .floating-tabs {
  border-color: transparent;
}

.account-settings .account-settings-header .floating-tabs .floating-entry {
  width: 180px;
}

.account-settings .ac-exclude {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.account-settings .api-switch {
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.account-settings .api-switch:hover > .tooltip-behind {
  display: inline-block;
}

.account-settings .tooltip-behind {
  white-space: normal;
  position: absolute;
  z-index: 1;
  padding: 4px;
  border-radius: 16px;
  display: none;
  width: 400px;
  top: 50%;
  left: calc(100% + 12px);
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.account-settings .tooltip-behind > div {
  padding: 16px;
  border-radius: 12px;
  background: #FFFFFF;
}

.account-settings .ac-info {
  position: relative;
  white-space: nowrap;
  cursor: pointer;
}

.account-settings .ac-info > svg {
  vertical-align: sub;
}

.account-settings .ac-info > .dsa-info-book,
.account-settings .ac-info > .dsa-chip,
.account-settings .ds-dropdown-select.ac-info > span,
.account-settings .dsm-upgrade-info > div.ac-info > div + div,
.account-settings .ac-info > .tooltip-behind {
  white-space: normal;
  position: absolute;
  padding: 4px;
  border-radius: 16px;
  display: none;
  width: 250px;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.account-settings .ac-info > .dsa-info-book > div,
.account-settings .ac-info > .dsa-chip > div,
.account-settings .ds-dropdown-select.ac-info > span > div,
.account-settings .dsm-upgrade-info > div.ac-info > div + div > div,
.account-settings .ac-info > .tooltip-behind > div {
  padding: 16px;
  border-radius: 12px;
  background: #FFFFFF;
}

.account-settings .ac-info:hover {
  color: #1B76F0;
}

.account-settings .ac-info:hover > .dsa-info-book,
.account-settings .ac-info:hover > .dsa-chip,
.account-settings .ds-dropdown-select.ac-info:hover > span,
.account-settings .dsm-upgrade-info > div.ac-info:hover > div + div,
.account-settings .ac-info:hover > .tooltip-behind {
  display: inline-block;
}

.account-settings input.ac-invalid {
  color: #FD5555;
  outline: 1px solid #FD5555;
  background-color: #fbecec;
}

.account-settings .input-error {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #FD5555;
  font-size: 13px;
  font-weight: 500;
}

.account-settings .button-bar {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.account-settings .button-bar .ds-snack-bar {
  background: transparent;
}

.account-settings .button-bar .ds-snack-bar > div {
  padding: 4px 16px;
}

.account-settings .ac-ipfilter {
  width: 500px;
}

.account-settings #account-key {
  position: relative;
}

.account-settings .copied {
  position: absolute;
  left: calc(100% + 4px);
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  height: 32px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  background-color: #FFFFFF;
  padding: 8px;
  border-radius: 8px;
  font-weight: 600;
  color: #41CA77;
  border: 2px solid #41CA77;
}

.account-settings .ae-list {
  padding-left: 42px;
}

.account-settings .ae-list,
.account-settings .df-list {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 8px;
  -ms-flex-align: center;
      align-items: center;
}

.account-settings .ae-list .dsa-remove,
.account-settings .df-list .dsa-remove {
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #919191;
  background: #EBF0F5;
  width: 20px;
  height: 20px;
  border-radius: 10px;
}

.account-settings .ae-list .ds-input-text.ds-disabled,
.account-settings .df-list .ds-input-text.ds-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.account-settings .ae-list .with-warning,
.account-settings .df-list .with-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.account-settings .ae-list .with-warning > .ac-hint,
.account-settings .df-list .with-warning > .ac-hint {
  padding: 4px 8px;
  border-radius: 8px;
  background: #EBF0F5;
}

.account-settings .ae-list .with-warning .ds-disabled,
.account-settings .df-list .with-warning .ds-disabled {
  opacity: 0.8;
  cursor: not-allowed;
}

.account-settings .ae-list button,
.account-settings .df-list button {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 8px 16px;
}

.account-settings .ae-list button > svg,
.account-settings .df-list button > svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.account-settings.auto-tracking .label-input > input,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.account-settings.auto-tracking .label-input > div:first-child,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.account-settings.auto-tracking .label-input > input,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.account-settings.auto-tracking .label-input > div:first-child {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.account-settings.auto-tracking .label-input > input,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.account-settings.auto-tracking .label-input > input,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text,
.account-settings.auto-tracking .label-input > input {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder,
.account-settings.auto-tracking .label-input > input:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a,
.account-settings.auto-tracking .label-input > input + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a,
.account-settings.auto-tracking .label-input > input + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive,
.account-settings.auto-tracking .label-input > input.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text,
.ds-input-wrapper .account-settings.auto-tracking .label-input > input,
.account-settings.auto-tracking .ds-input-wrapper .label-input > input {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.account-settings.auto-tracking a {
  color: currentColor;
  text-decoration: underline;
}

.account-settings.auto-tracking .ds-info-box,
.account-settings.auto-tracking .dsm-upgrade-info {
  -ms-flex-direction: column;
      flex-direction: column;
}

.account-settings.auto-tracking .ds-info-box ul,
.account-settings.auto-tracking .dsm-upgrade-info ul {
  padding-left: 24px;
}

.account-settings.auto-tracking .at-box {
  padding: 16px;
  border-radius: 16px;
  background: #EBF0F5;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
}

.account-settings.auto-tracking .at-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
  padding-left: 32px;
}

.account-settings.auto-tracking .at-group > div {
  min-height: 28px;
}

.account-settings.auto-tracking .at-example {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 4px;
}

.account-settings.auto-tracking .ar-slashup {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-align: center;
      align-items: center;
}

.account-settings.auto-tracking .ar-slashup.ds-disabled > span {
  opacity: 0.5;
  cursor: default;
}

.account-settings.auto-tracking .ar-slashup.ds-disabled > input {
  opacity: 0.5;
  cursor: not-allowed;
}

.account-settings.auto-tracking .label-input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 4px;
}

.account-settings.auto-tracking .label-input > div:first-child {
  font-size: 14px;
  font-weight: 500;
  color: #222222;
}

.account-settings.auto-tracking .label-input > input {
  height: 42px;
  width: 400px;
  border-color: #CFCFCF;
  background-color: #FDFDFD;
}

.account-settings.auto-tracking .label-input > input:focus {
  border-color: #1B76F0;
}

.account-settings.auto-tracking .list-label {
  font-size: 14px;
  font-weight: 500;
  color: #222222;
}

.account-settings.auto-tracking .left-padding {
  padding-left: 42px;
}

.account-settings.auto-tracking .ar-getparams {
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -ms-flex-align: center;
      align-items: center;
}

.account-settings.auto-tracking .ar-getparams > div {
  width: calc((100% + 32px) / 3 - 32px);
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-align: center;
      align-items: center;
}

.account-settings.auto-tracking .ar-getparams .dsa-select-box-options {
  bottom: calc(100% + 4px);
}

.account-settings.auto-tracking .account-settings-header .floating-tabs {
  gap: 16px;
}

.account-settings.auto-tracking .account-settings-header .floating-tabs .floating-entry {
  width: initial;
  padding-right: 12px;
  padding-left: 4px;
}

.account-settings.auto-tracking .api-switch.ds-disabled {
  opacity: 0.5;
  cursor: default;
}

.account-settings.auto-tracking .api-switch.ds-disabled .dsa-toggle,
.account-settings.auto-tracking .api-switch.ds-disabled input {
  cursor: not-allowed;
}

.account-settings.auto-tracking .api-switch.ds-disabled .ds-pointer {
  cursor: default;
}

.account-settings.auto-tracking .dsa-select-box-selection {
  padding: 0 12px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-color: #CFCFCF;
}

.account-settings.auto-tracking .dsa-select-box-selection > span {
  line-height: normal;
}

.account-settings.auto-tracking .dsa-select-box-selection > img {
  position: relative;
  top: initial;
  right: initial;
}

.account-settings.auto-tracking .toggle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}.dashboard {
  width: calc(100% - 10px);

  & ::before, & ::after {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
 
  
  color: var(--dashboard-text);
  background-color: var(--dashboard-bg);
  overflow-y: auto;
  max-height: 100%;
  position: relative;

  > div:first-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-bottom: 14px;
    padding-bottom: 6px;
  }

  > div.middlePart {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;

    & .perfReportBoxContainer {
      display: -ms-flexbox;
      display: flex;
      gap: 12px;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
    }
  }

  & .reportBoxContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px;
    max-width: 100%;

    overflow-y: auto;
    height: 100%;

    & > div {
      width: 100%;
      max-width: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      
      gap: 12px;

      & > div:first-child {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-positive: 1;
            flex-grow: 1;
        max-width: calc(100% - 304px);
        
        gap: 12px;
      }
    }
  }

  & div.onlyMobile {
    display: none;
  }

  & .noDataContainer {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    font-size: 14px;
    opacity: 0.8;
  }

  & div.date-ranger-container div.date-ranger {
    & div.main-date, & div.cmp-date {
      min-width: 230px;
    }
  }
}

@media (max-width: 1000px) {

  .invisibleOnMobile {
    opacity: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    pointer-events: none;
  }

  .noClickOnMobile {
    pointer-events: none;
    cursor: default;
  }

  .dashboard div.onlyMobile {
    display: -ms-flexbox;
    display: flex;
  }
  .dashboard div.onlyDesktop,
  .dashboard span.onlyDesktop {
    display: none;
  }

  .dashboard .perfReportBoxContainer {
    width: 100%;
  }

  .dashboard div.perfBoxScrollDots {
    display: none;
  }

  .dashboard .reportBoxContainer {    
    & > div  {
      -ms-flex-direction: column;
          flex-direction: column; 

      & > div:first-child {
        width: 100%;
        max-width: unset;
        overflow: auto;
      }
    }
  }

  .dashboard {
    width: calc(100% - 20px);
    margin-left: 10px;
    
    & .scaleToggle {
      display: none;
    }
  }

  .dashboard div.titleBar {
    position: initial;
    & div.date-ranger {
      display: none;
    }
    & div.nativeDatePickers {
      display: -ms-flexbox;
      display: flex;
    }
  }

  .dashboard .mainContainer {
    min-height: 933px;

    & .perfReportBoxContainer {
      overflow: auto;
    }
  
    & > div:last-child {
      width: 100%;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: start;
          justify-content: start;

      & .perfBoxScrollDots {
        height: 22px;
      }

      & .graphBox {
        min-width: 100%;
        max-height: 399px;
        -ms-flex-positive: 0;
            flex-grow: 0;
        
      }
    }
  }

  .dashboard div.newsBox {
    max-width: 100%;
    min-width: 100%;
  }

  /* 
    Style changes outside the dashboard
    Those will hide things like the menu in mobile view
   */
   .lunar-menu {
    display: none;
   }
   .settings-domain {
    & .account-url,
    & .settings-account {
      display: none;
    }
   }
   .default-header .header-mid {
    display: none;
   }
}


@media (max-width: 810px) {
  .dashboard div.nativeDatePickers {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;    
  }
}

@media (max-width: 746px) {
  .dashboard .mainContainer {
    min-height: 958px;
  }

  .dashboard div.perfBoxScrollDots {
    display: -ms-flexbox;
    display: flex;
  }

  .dashboard div.middlePart div.perfReportBoxContainer {
    -ms-flex-pack: start;
        justify-content: start;
  }
}

@media (max-width: 510px) {
  .dashboard .titleBar > div:first-child {
    & span {
      display: none;
    }
    & svg {
      margin-right: 10px;
    }
  }
}.dashboard .metricBar {
  height: 44px;
  border-bottom: 1px solid var(--dashboard-bar-border);
  gap: 14px;

  display: -ms-flexbox;

  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  
  & > div:first-child {
    -ms-flex-positive: 1;
        flex-grow: 1;
    min-width: 0;
    max-width: 100%;
    min-height: 44px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: start;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  
  & .valueName {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 7px;
    margin-bottom: 5px;
    font-size: 13px;
    width: 100%;
  }

  & .valueName.hasColor::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    margin-right: 5px;
  }

  & .valueName.hasColor {
    &.color0::before { background-color: var(--graph-color-0); }
    &.color1::before { background-color: var(--graph-color-1); }
    &.color2::before { background-color: var(--graph-color-2); }
    &.color3::before { background-color: var(--graph-color-3); }
    &.color4::before { background-color: var(--graph-color-4); }
    &.color5::before { background-color: var(--graph-color-5); }
  }

  & .valueBar {
    width: var(--bar-percent);

    background: -webkit-gradient(
      linear,
      left top, right top,
      from(var(--dashboard-bar-bg)),
      color-stop(var(--dashboard-bar-bg)),
      color-stop(var(--bar-color)),
      to(var(--bar-color))
    );

    background: -webkit-linear-gradient(
      left,
      var(--dashboard-bar-bg) 0%,
      var(--dashboard-bar-bg) var(--bar-percent),
      var(--bar-color) var(--bar-percent),
      var(--bar-color) 100%
    );

    background: -o-linear-gradient(
      left,
      var(--dashboard-bar-bg) 0%,
      var(--dashboard-bar-bg) var(--bar-percent),
      var(--bar-color) var(--bar-percent),
      var(--bar-color) 100%
    );

    background: linear-gradient(
      90deg,
      var(--dashboard-bar-bg) 0%,
      var(--dashboard-bar-bg) var(--bar-percent),
      var(--bar-color) var(--bar-percent),
      var(--bar-color) 100%
    );

    height: 13px;
    border-radius: 8px;
  }

  & .valueBar::after{
    content: '';
    display: inline-block;
    width: 13px;
    height: 13px;
    border: solid 1px var(--dashboard-dot-border);
    border-radius: 100%;
    background-color: var(--bar-color-dot);
    position: relative;
    left: clamp(
      0px, 
      calc(var(--bar-percent-dot) - 7px), 
      calc(100% - 10px)
    );
    top: -1px;
 }

 & .metricNumbers {
  text-align: right;

  > div {
    white-space: nowrap;
  }

  & > div:first-child {
    font-size: 15px;
    font-weight: 500;

    margin-top: 2px;
    margin-bottom: 3px;
  }

  & > div:last-child {
    font-size: 12px;
    font-weight: 400;
    color: var(--dashboard-text-light);

    display: -ms-flexbox;

    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 2px;

    & > span {
      font-size: 10px;
      margin-bottom: 2px;
    }
  }

 }
}

.dashboard .metricBar.neutral {
  & .valueBar {
    background: var(--dashboard-bar-bg);
  }

  & .valueBar::after{
    background-color: var(--dashboard-dot-neutral);
  }
}

.dashboard .metricBarSmall .metricBar {

  & .valueName {
    margin-top: 10px;
    margin-bottom: 8px;
  }

  & .valueBar {
    height: 4px;
  }

  & .valueBar::after {
    width: 4px;
    height: 4px;
    top: -9px;

    left: clamp(
      0px, 
      calc(var(--bar-percent-dot) - 4px), 
      calc(100% - 6px)
    );
  }
}.dashboard .attrSelect {
  position: relative;

  & > div:first-child {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 2px;

    & svg {
      margin-top: 1px;
      width: 18px;
      height: 18px;
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg);
      fill: var(--dashboard-text);
    }
  }

  & > div.attrOptions {
    display: none;

    position: absolute;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    
    gap: 40px;
    top: 28px;
    left: -12px;
    
    overflow: auto;

    padding: 12px 10px;
    z-index: 1000;
    -webkit-box-shadow: 0px 0px 8px 0px #0000001f;
            box-shadow: 0px 0px 8px 0px #0000001f;
    border-radius: 12px;

    -webkit-user-select: none;

       -moz-user-select: none;

        -ms-user-select: none;

            user-select: none;
    background: var(--dashboard-attr-bg);

  
    & .attrItemGroup {
      display: -ms-flexbox;
      display: flex;
      
      -ms-flex-direction: column;
      
          flex-direction: column;
      color: var(--dashboard-attr-title);

      & > div {
        cursor: pointer;
        white-space: nowrap;
        color: var(--dashboard-text);
      }
    }

    &.fewRows .attrItemGroup {
      max-width: 150px;
    }

    & .showMore {
      font-weight: 800;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      gap: 4px;
      margin-top: 6px;

      & svg {
        padding-top: 2px;
        -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
                transform: rotate(-90deg);
      }
    }

    .attrItem {
      margin: 6px 0;
    }

    .attrItem.active {
      background: var(--dashboard-chip);
      color: white;
      padding: 4px 8px;
      border-radius: 32px;
      margin: 2px 0;
    }
  }

  & > div.attrOptions.extended {
    padding: 20px 20px 0 20px;

    min-width: 500px;
    height: 520px;

    & .attrItemGroup > div:last-child {
      padding-bottom: 20px;
    }
  }

  & h2 {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 8px;
  }
}

.dashboard .attrSelect.open {
  & > div:last-child {
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

@media (max-width: 1000px) {
  .dashboard .attrSelect {
    & > div.attrOptions {
      max-height: 260px;
    }

    & > div.attrOptions.extended {
      min-width: 352px;
    }
  }
}.dashboard .attrSelect.figureSelect {
  & .attrOptions  {
    right: -8px;
    left: unset;
  }

  & .attrOptions.extended  {
    right: -176px;
  }
}
.dashboard .reportBox {
  background: var(--dashboard-box-bg);
  width: calc(33.333% - 8px);
  
  height: 310px;
  border-radius: 16px;
  padding: 4px;
  font-size: 13px;

  & > div:first-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 0 10px;
    -ms-flex-pack: justify;
        justify-content: space-between;

    background: var(--dashboard-box-header);
    border-radius: 13px;
    height: 32px;
    -webkit-box-shadow: -1px 1px 0px 0px #0000001F;
            box-shadow: -1px 1px 0px 0px #0000001F;
    font-weight: 600;
  }

  & > div:last-child {
    margin: 10px 8px 0 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    height: 248px;

    -webkit-transition: opacity 80ms ease-in-out;

    -o-transition: opacity 80ms ease-in-out;

    transition: opacity 80ms ease-in-out;
  }

  & .reportLink {
    font-size: 13px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
        align-items: end;
    width: 100%;
    -ms-flex-pack: end;
        justify-content: end;
    margin-top: 8px;
    -ms-flex-positive: 1;
        flex-grow: 1;
    cursor: pointer;
    
    svg {
      fill: var(--dashboard-text);
      margin-bottom: -5px;
    }
  }

  & .noDataContainer {
    height: 100%;
  }
}

.dashboard .reportBox.loading {
  & > div:last-child {
    opacity: 0.4;
  }
}

@media (max-width: 1000px) {
  .dashboard .reportBox {
    min-width: 360px;
    width: 310px;
  }
}.dashboard .hitBox {
  background: -webkit-gradient(
      linear,
      left top, right top,
      from(var(--dashboard-hits-bg-0)),
      to(var(--dashboard-hits-bg-1))
    );
  background: -webkit-linear-gradient(
      left,
      var(--dashboard-hits-bg-0) 0%,
      var(--dashboard-hits-bg-1) 100%
    );
  background: -o-linear-gradient(
      left,
      var(--dashboard-hits-bg-0) 0%,
      var(--dashboard-hits-bg-1) 100%
    );
  background: linear-gradient(
      90deg,
      var(--dashboard-hits-bg-0) 0%,
      var(--dashboard-hits-bg-1) 100%
    );
  min-width: 291px;
  height: 310px;
  border-radius: 16px;
  padding: 4px;
  font-size: 13px;

  display: -ms-flexbox;

  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 0;

  & svg {
    fill: var(--dashboard-text);
  }

  /* header */
  & > div:first-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 0 8px;
    -ms-flex-pack: justify;
        justify-content: space-between;

    background: none;
    border-radius: 13px;
    height: 32px;
    font-weight: 600;

    > div {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      gap: 4px;

      > svg {
        width: 24px;
        height: 24px;
      }
    }
  }

  /* main body */
  & > div:last-child {
    margin: 2px;
    -ms-flex-positive: 1;
        flex-grow: 1;
    border-radius: 12px;
    -webkit-box-shadow: -1px 1px 0px 0px #0000001F;
            box-shadow: -1px 1px 0px 0px #0000001F;
    background: var(--dashboard-box-bg);
    padding: 9px;
  }

  & .link {
    font-size: 13px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    width: 100%;
    -ms-flex-pack: end;
        justify-content: end;
    cursor: pointer;
  }

  & .hitNumContainer {
    background: var(--dashboard-hits-bg-pos);
    border-radius: 8px;
    height: 190px;
    cursor: pointer;

    display: -ms-flexbox;

    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    gap: 10px;

    & > div:first-child {
      font-size: 34px;
      font-weight: 700;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      gap: 4px;

      &::before {
        content: '';
        width: 10px;
        height: 10px;
        display: inline-block;
        border-radius: 10px;
      }
    }

    & > div:last-child {
      font-size: 10px;
      font-weight: 500;
      color: var(--dashboard-text);
    }
  }

  & .hitLine {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    margin-top: 11px;

    & > span:last-child {
      font-size: 15px;
      font-weight: 500;
    }

    & .warning {
      color: #A52A2A;
      background-color: #FDD8D8;
      padding: 1px 6px 2px 6px;
      border-radius: 8px;
      margin-left: 5px;
    }
  }

  & .preDotBlue::before,
  & .preDotNeutral::before {
    content: '';
    width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 10px;
    background-color: #CFCFCF;
    margin-right: 4px;
  }

  & .preDotBlue::before {
    background: -webkit-repeating-linear-gradient(
      bottom,
      #A4CAFC,
      #A4CAFC 1px,
      transparent 1px,
      transparent 2px
    );
    background: -o-repeating-linear-gradient(
      bottom,
      #A4CAFC,
      #A4CAFC 1px,
      transparent 1px,
      transparent 2px
    );
    background: repeating-linear-gradient(
      0deg,
      #A4CAFC,
      #A4CAFC 1px,
      transparent 1px,
      transparent 2px
    );
  }
}

.dashboard .hitBox.positive {
  & .hitNumContainer > div:first-child::before {
    background-color: var(--dashboard-hits-pos);
  }
}

.dashboard .hitBox span.red {
  color: var(--dashboard-hits-neg);
}

.dashboard .hitBox.negative {
  & .hitNumContainer {
    background: var(--dashboard-hits-bg-neg);
  }

  & .hitNumContainer > div:first-child {
    color: var(--dashboard-hits-neg);
  }

  & .hitNumContainer > div:first-child::before {
    background-color: var(--dashboard-hits-neg);
  }
}.dashboard .newsBox {
  background: var(--dashboard-box-bg);
  min-width: 291px;
  max-width: 291px;
  height: 310px;
  border-radius: 16px;
  padding: 8px;
  font-size: 13px;

  display: -ms-flexbox;

  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;

  & svg {
    fill: var(--dashboard-text);
  }

  & > div:first-child {

    display: -ms-flexbox;

    display: flex;
    gap: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-flex-pack: justify;
        justify-content: space-between;

    & .newsBlock.hasLink {
      cursor: pointer;
    }

    & .newsBlock 
    {
      min-width: 270px;
      max-width: 270px;

      & > div.newsBoxTexts {
        min-width: 270px;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        
        margin-top: 4px;
        padding: 0 14px;
        height: 70px;
    
        & > div:first-child {
          font-weight: 500;
          font-size: 16px;
          line-height: 24px;
          letter-spacing: 0px;
          margin-bottom: 6px;
        }

        & > div:last-child {
          height: 28px;
          overflow: hidden;
        }
      }

      & > div:first-child {
        
        & img {
          height: 100%;
          width: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          border-radius: 16px;
        }

        display: -ms-flexbox;

        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        background: -webkit-linear-gradient(330deg, 
          transparent 0%, 
          rgb(255, 165, 143) 100%
        );
        background: -o-linear-gradient(330deg, 
          transparent 0%, 
          rgb(255, 165, 143) 100%
        );
        background: linear-gradient(120deg, 
          transparent 0%, 
          rgb(255, 165, 143) 100%
        );
        height: 192px;
        width: 270px;
        border: 1px solid var(--dashboard-news-border);
        border-radius: 16px;
      }
    }
  }

  & > div:last-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    gap: 8px;
    padding-left: 14px;
  }
}
.dashboard .scrollDots {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: 2px 0;

  width: 100%;

  > span {
    cursor: pointer;
  }
  > span:first-child svg {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  > div {
    cursor: pointer;
    background: var(--dashboard-scroll-dot-bg);
    width: 8px;
    height: 8px;
    border-radius: 100%;
    margin-bottom: 2px;
  }

  > div.active {
    background: var(--dashboard-scroll-dot-color);
  }
}.dashboard .mainContainer {
  width: 100%;
  height: 526px;
  background: var(--dashboard-mainc-bg);
  margin-bottom: 10px;
  border-radius: 24px;
  -webkit-box-shadow: -1px 1px 0px 0px #0000001F;
          box-shadow: -1px 1px 0px 0px #0000001F;
  padding: 12px;

  display: -ms-flexbox;

  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 12px;

  /* tab container */
  & > div:first-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    background-color: var(--dashboard-tabs-bg);
    border-radius: 16px 16px 16px 16px;
    height: 91px;
    padding: 8px 0 0 8px;
    width: 100%;
    overflow-y: scroll;
    scrollbar-width: none; 


    & .scrollArrow {
      position: absolute;
      margin-top: -8px;
      right: 12px;
      padding: 10px;
      cursor: pointer;
      background: var(--dashboard-tabs-bg);
    
      border-top-right-radius: 16px;
      border-bottom-right-radius: 16px;

      height: 91px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;

      & > svg {
        opacity: 0.6;
      }
    }

    & .scrollArrow:first-child {
      right: unset;
      left: 12px;
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg);
    }
  }

  & > div:last-child {
    -ms-flex-positive: 1;
        flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
  }

  & .onlyMobile {
    width: 100%;
  }
}.dashboard .mainContainer  {
  & .reportTab {
    min-width: 222px;
    height: 83px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    background: -webkit-linear-gradient(
      315deg,
      var(--dashboard-tab-0) 0%,
      var(--dashboard-tab-0) 50%,
      var(--dashboard-tab-1) 100%
    );

    background: -o-linear-gradient(
      315deg,
      var(--dashboard-tab-0) 0%,
      var(--dashboard-tab-0) 50%,
      var(--dashboard-tab-1) 100%
    );

    background: linear-gradient(
      135deg,
      var(--dashboard-tab-0) 0%,
      var(--dashboard-tab-0) 50%,
      var(--dashboard-tab-1) 100%
    );
    border-radius: 12px 12px 0 0;

    display: -ms-flexbox;

    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: start;
        justify-content: start;
    -ms-flex-align: start;
        align-items: start;
    gap: 7px;
    padding-left: 14px;
    padding-top: 16px;

    & > div:first-child {
      font-size: 24px;
      font-weight: 500;      
      display: -ms-flexbox;      
      display: flex;
      -ms-flex-align: end;
          align-items: end;
      gap: 4px;
    }

    & > div:last-child {
      font-size: 16px;
      font-weight: 500;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      
      & .tooltipContainer {
        margin-left: 2px;
        width: 16px;
        height: 16px;

        & > .dsa-info-book {
          width: auto;
        }
      }

      & img {
        width: 16px;
        height: 16px;
        margin: 0;
      }
    }
  }

  & .reportTab.active {
    background: var(--dashboard-tab-active);
    cursor: default;
  }

  & .numDiffContainer {
    font-size: 13px;
    font-weight: 400;
    color: var(--dashboard-text-light);
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    gap: 2px;

    & > span:first-child {
      font-size: 8px;
    }
  }

  & .reportTab:first-child {
    border-radius: 12px 12px 0 12px;
  }
  & .reportTab:last-child {
    border-radius: 12px 12px 12px 0;
  }

  & .reportTab.positive .numDiffContainer > span:first-child {
    color: var(--dashboard-hits-pos);
  }
  & .reportTab.negative .numDiffContainer > span:first-child {
    color: var(--dashboard-hits-neg);
  }
}
.dashboard .mainContainer .graphBox {
  -ms-flex-positive: 1;
      flex-grow: 1;
  height: 100%;

  &.extended {
    width: 100%; 
  }

  border: 1px solid var(--dashboard-graph-border);
  border-radius: 16px;
  padding: 14px 12px;
  background-color: var(--dashboard-box-bg);

  -webkit-box-shadow: 0px 2px 6px 0px #0000001F;

          box-shadow: 0px 2px 6px 0px #0000001F;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;

  & > div:first-child {
    font-size: 16px;
    font-weight: 500;

    display: -ms-flexbox;

    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;

    margin-bottom: 20px;
  }

  & > div:last-child {
    -ms-flex-positive: 1;
        flex-grow: 1;
  }

  & .timeRangContainer {

    & > div:first-child {
      margin: 18px 0 12px 0;
    }

    & > div {
      color: var(--dashboard-text);
      font-size: 11px;

      &::before {
        content: "";
        display: inline-block;
        width: 14px;
        height: 2px;
        margin-bottom: 3px;

        background-color: var(--dashboard-graph-lines);
        margin-right: 4px;
      }

      & > span {
        padding-left: 6px;
        color: var(--dashboard-graph-text);
      }
    }

    & > div:last-child {
      &::before {
        background: -webkit-repeating-linear-gradient(
          left,
          #222,
          #222 2px,
          transparent 2px,
          transparent 4px
        );
        background: -o-repeating-linear-gradient(
          left,
          #222,
          #222 2px,
          transparent 2px,
          transparent 4px
        );
        background: repeating-linear-gradient(
          90deg,
          #222,
          #222 2px,
          transparent 2px,
          transparent 4px
        );
      }
    }
  }

  & .noDataContainer {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    height: 250px;
  }

  & .timePeriodContainer {
    -ms-flex: 1 1;
        flex: 1 1;
    margin-left: 16px;
    
    & .dsa-radio-tab-selection {
      background-color: var(--radio-toggle-bg);

      & span {
        color: var(--dashboard-text);
      }

      & span.dsa-radio-tab.ds-active {
        background-color: var(--radio-toggle-active);        
      }
    }
  }
}.dashboard .mainContainer .scaleToggle {
  width: 70px;
  height: 30px;
  background-color: var(--dashboard-toggle-bg);
  border-radius: 20px;
  cursor: pointer;
}

.dashboard .mainContainer .scaleToggle.active {
  & > svg {
    margin-left: 28px;
  }
}.dashboard .mainContainer .perfReportBox {
  width: 226px;
  height: 399px;

  background: var(--dashboard-box-bg);
  border: 1px solid var(--dashboard-graph-border);
  border-radius: 16px;
  padding: 14px 12px;
  position: relative;

  -webkit-box-shadow: 0px 2px 6px 0px #0000001F;

          box-shadow: 0px 2px 6px 0px #0000001F;

  & > div:first-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: start;
        justify-content: start;
    gap: 6px;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 4px;

    & > svg {
      width: 24px;
    }
  }

  &.loading {
     & > div {
      opacity: 0.4;
     }
     & > div:first-child {
      opacity: 1.0;
     }
    
  }


  & .reportLink {
    font-size: 13px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
        align-items: end;
    width: 100%;
    -ms-flex-pack: end;
        justify-content: end;
    margin-top: 8px;
    position: absolute;
    cursor: pointer;

    bottom: 12px;
    right: 10px;
    
    svg {
      fill: var(--dashboard-text);
      margin-bottom: -5px;
    }
  }

  & .donutNumbers {
    position: absolute;
    top: 104px;

    width: 200px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;

    & > div {
      background-color: var(--dashboard-bar-border);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      padding: 4px 5px;
      border-radius: 8px;
      gap: 2px;

      font-size: 15px;
      & > span:first-child {
        font-weight: 500;
      }

      & > .symbol {
        font-size: 12px;
        padding-bottom: 2px;
      }

      & > .positive {
        color: var(--dashboard-hits-pos);
      }
      & > .negative {
        color: var(--dashboard-hits-neg);
      }
    }
  }

  & .noDataContainer {
    width: 200px;
    height: 292px;
  }
}.dashboard .titleBar {
  font-size: 24px;
  font-weight: 500;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: var(--dashboard-bg);
  z-index: 100;

  & .nativeDatePickers {
    display: none;
    -ms-flex-pack: center;
        justify-content: center;

    /*& input[type="date"]::-webkit-inner-spin-button,
    & input[type="date"]::-webkit-calendar-picker-indicator {
        opacity: 0;
        -webkit-appearance: none;
    }*/
  }

  & > div:first-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 8px;

    & svg {
      cursor: pointer;
    }
    & svg:hover {
      color: var(--dashboard-text-light);
    }
    & svg.disabled {
      opacity: 0.25;
      cursor: initial;
    }
  }

  & > div:last-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 10px;
  }

  & button {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 8px;
    padding: 0 10px;

    background-color: var(--dashboard-box-bg);
    border: 1px solid var(--dashboard-news-border);
    height: 40px;
    font-size: 13px;
    border-radius: 8px;
  }

  & .datePickerContainer {
    
    display: -ms-flexbox;
    
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }

  & .datePickerContainer {
    position: relative;


    & input {
      background: var(--dashboard-box-bg);
      font-size: 13px;
      padding: 8px;
      height: 40px;
      width: 140px;
      border: 1px solid var(--dashboard-news-border);
    }

    & input:nth-child(1), & input:nth-child(3) {
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px;
      border-right-width: 0;
    }

    & input:nth-child(2), & input:nth-child(4) {
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
      border-left-width: 0;
    }
  }
}.dashboard .settingsMenu {
  position: fixed;
  top: 112px;
  right: 10px;
  padding: 12px 10px;

  width: 380px;

  background: -webkit-gradient(linear, 
    left top, right top, 
    from(var(--dashboard-conf-bg-0)), 
    to(var(--dashboard-conf-bg-1))
  );

  background: -webkit-linear-gradient(left, 
    var(--dashboard-conf-bg-0) 0%, 
    var(--dashboard-conf-bg-1) 100%
  );

  background: -o-linear-gradient(left, 
    var(--dashboard-conf-bg-0) 0%, 
    var(--dashboard-conf-bg-1) 100%
  );

  background: linear-gradient(90deg, 
    var(--dashboard-conf-bg-0) 0%, 
    var(--dashboard-conf-bg-1) 100%
  );
  border-radius: 16px;
  -webkit-box-shadow: 8px 8px 13px rgba(0, 0, 0, 0.2);
          box-shadow: 8px 8px 13px rgba(0, 0, 0, 0.2);

  > .accordion {
    & > div:first-child {
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center;
      height: 36px;
      padding: 0 8px;

      > svg {
        cursor: pointer;
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg);
      }
    }

    & > div:last-child {
      background-color: var(--dashboard-box-bg);
      border-radius: 14px;
      padding: 10px;
    }

    &.closed {
      & > div:last-child {
        display: none;
      }
    }
  }

  > .accordion.open {
      & > div:first-child svg {
        -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
                transform: rotate(-90deg);
      }
  }

  /* value type selection */
  & > div:first-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    padding-bottom: 10px;

    border-bottom: 1px solid var(--dashboard-toggle-bg);
  }

  & .titleText {
    font-weight: 500;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--dashboard-text-light);
  }

  & .kfSelectorRow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    text-align: left;
    
    height: 40px;

    border-bottom: 1px solid var(--dashboard-toggle-bg);

    & > .dragHandle {
      cursor: move;
    }
    & > .dragHandle:active {
      cursor: -webkit-grabbing;
      cursor: grabbing;
    }
    & > .dragHandle:hover {
      opacity: 0.8;
    }

    & > span {
      -ms-flex-positive: 1;
          flex-grow: 1;
      padding-left: 10px;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
    }

    & > label {
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7);
    }
  }

  & .kfSelectorRow:last-child {
    border-bottom: none;
  }

  & .settingsMenuTop .dsa-select-box {
    width: 120px;
    height: 23px;
    
    
    & .dsa-select-box-selection {
      padding: 1px 8px;
      border-radius: 8px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      padding: 0 8px;
    }

    & .dsa-select-box-selection > span {
      max-width: 100%;
      font-size: 11px;
      font-weight: 500;
      text-transform: uppercase;
    }

    & svg {
      -webkit-transform: scale(0.8);
          -ms-transform: scale(0.8);
              transform: scale(0.8);
      top: 5px;
    }
  }

  & .dsa-select-box-selection {
    background-color: var(--dashboard-box-bg);
    border: 1px solid var(--dashboard-toggle-bg);
    color: var(--dashboard-text);
  }

  & .dsa-select-box-options .dsa-select-box-option  {
    color: var(--dashboard-text);
    background-color: var(--dashboard-box-bg);
  }

  & .applyButtonContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: end;
        justify-content: end;
    
  }

  & button.applyButton {
    background-color: var(--graph-color-0);
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 13px;
    font-weight: 500;
    margin-top: 4px;
    padding: 5px 4px 5px 9px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    gap: 6px;    

    &:hover {
      opacity: 0.95;
    }
    &:active {
      opacity: 0.90;
    }

    & > span {
      margin-bottom: 1px;
    }
  }

  & .pageFilterContainer {

    display: -ms-flexbox;

    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    position: relative;
    

    & > div {
      margin-top: 6px;
      display: -ms-flexbox;
      display: flex;
      gap: 6px;
    }

    .input-wrapper {
      background-color: var(--dashboard-box-bg);
      border: 1px solid var(--dashboard-toggle-bg);
      padding: 0 8px;
      color: var(--dashboard-text);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      width: 200px;
      border-radius: 4px;

      & input {
        color: var(--dashboard-text);
        background: none;
        border: none;
        min-width: 0;  
      }

      & .dsa-remove {
        background-color: var(--button-x-bg);
        color: var(--button-x-color);
        min-width: 20px;
        width: 20px;
        min-height: 20px;

        border-radius: 20px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
      }
    }

    
  }
}

@media (max-height: 800px) {
  .dashboard .settingsMenu {
    max-height: calc(100dvh - 140px);
    overflow-y: auto;
  }
}@charset "UTF-8";

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.account-settings.data-privacy .preview-switch,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.account-settings.data-privacy .preview-switch {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.account-settings.data-privacy .account-settings-header .floating-tabs {
  gap: 16px;
}

.account-settings.data-privacy .account-settings-header .floating-tabs .floating-entry {
  width: initial;
  padding-right: 12px;
  padding-left: 4px;
}

.account-settings.data-privacy .ds-options-wrapper {
  width: 100%;
}

.account-settings.data-privacy .check-mark {
  display: inline-block;
  height: 16px;
}

.account-settings.data-privacy .preview-switch.preview-switch {
  position: relative;
  display: inline-block;
  line-height: 1;
  width: 48px;
  height: 20px;
  margin-bottom: 6px;
}

.account-settings.data-privacy .preview-switch.preview-switch input {
  opacity: 0;
  margin: 0;
}

.account-settings.data-privacy .preview-switch.preview-switch .preview-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2px;
  margin: 0;
  background-color: #DEE0E2;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  border-radius: 48px;
}

.account-settings.data-privacy .preview-switch.preview-switch .preview-slider::before {
  position: absolute;
  content: "";
  height: 16px;
  width: 22px;
  left: 2px;
  background-color: white;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  border-radius: 48px;
  -webkit-box-shadow: -1.19px 0.59px 2.37px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.19px 0.59px 2.37px 0px rgba(0, 0, 0, 0.25);
}

.account-settings.data-privacy .preview-switch.preview-switch input#preview-toggle-opt-out:checked + .preview-slider {
  background-color: #F24E1E;
}

.account-settings.data-privacy .preview-switch.preview-switch input#preview-toggle-opt-out:checked + .preview-slider::before {
  left: 24px;
  background-color: white;
}

.account-settings.data-privacy .preview-switch.preview-switch input#preview-toggle-opt-out + span::after {
  position: absolute;
  left: 58px;
  width: auto;
  white-space: nowrap;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.account-settings.data-privacy .preview-switch.preview-switch input#preview-toggle-opt-out + span::after {
  content: "Meine Besuchsdaten flie\DF" "en nicht in die Web-Analyse ein.";
}

.account-settings.data-privacy .preview-switch.preview-switch input#preview-toggle-opt-out:checked + span::after {
  content: "Meine Besuchsdaten flie\DF" "en in die Web-Analyse ein.";
}

.account-settings.data-privacy .preview-switch.preview-switch input#preview-toggle-opt-out.preview-en + span::after {
  content: "My visit data is not used for web analysis.";
}

.account-settings.data-privacy .preview-switch.preview-switch input#preview-toggle-opt-out.preview-en:checked + span::after {
  content: "My visit data is used for web analysis.";
}

.account-settings.data-privacy .preview-switch.preview-switch input#preview-toggle-opt-out:focus + span {
  outline: 1px dashed grey;
  outline-offset: 2px;
}

@media only screen and (max-width: 800px) {
  .account-settings.data-privacy .preview-switch.preview-switch input#preview-toggle-opt-out + span::after {
    white-space: normal;
    width: calc(100vw - 150px);
  }
}

.account-settings.data-privacy .code-snippet-copy + .ds-info-box,
.account-settings.data-privacy .code-snippet-copy + .dsm-upgrade-info {
  max-width: 100%;
}

.account-settings.data-privacy .code-snippet-copy .copied-wrapper {
  position: -webkit-sticky;
  position: sticky;
  padding: 0;
  height: 0;
  bottom: 0;
}

.account-settings.data-privacy .code-snippet-copy .copied {
  position: absolute;
  left: 50%;
  top: -120px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 32px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  background-color: #FFFFFF;
  padding: 8px;
  border-radius: 8px;
  font-weight: 600;
  color: #41CA77;
  border: 2px solid #41CA77;
}

.account-settings.data-privacy #code-snippet-checkbox,
.account-settings.data-privacy #code-snippet-link,
.account-settings.data-privacy #code-snippet-func-1,
.account-settings.data-privacy #code-snippet-func-2,
.account-settings.data-privacy #code-snippet-func-3 {
  width: 100%;
}

.account-settings.data-privacy #code-snippet-link pre,
.account-settings.data-privacy #code-snippet-checkbox pre {
  white-space: pre;
}

.account-settings.data-privacy #code-snippet-func-1,
.account-settings.data-privacy #code-snippet-func-2,
.account-settings.data-privacy #code-snippet-func-3 {
  min-width: 50%;
}

.account-settings.data-privacy .step-by-step {
  -ms-flex-align: start;
      align-items: flex-start;
  width: 100%;
}

.account-settings.data-privacy .step-by-step > div:last-child {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.account-settings.data-privacy .step-by-step > div:last-child > div:first-child {
  height: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.account-settings.data-privacy .step-by-step .number {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 32px;
  height: 32px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: #D9E8EE;
}

.account-settings.data-privacy .signet-preview {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.account-settings.data-privacy .signet-preview .signet-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: calc(50% - 2px);
  background-color: #EBF0F5;
  border-radius: 16px;
}

.account-settings.data-privacy .signet-preview .header-box {
  width: 100%;
  font-weight: bold;
  text-align: center;
  height: 60px;
  padding-top: 8px;
  line-height: 1.4;
  font-size: 15px;
}

.account-settings.data-privacy .signet-preview .header-box .size-info {
  font-weight: normal;
  font-size: 13px;
  color: #707070;
}

.account-settings.data-privacy .signet-preview .code-box {
  position: relative;
  cursor: pointer;
  border-radius: 12px;
  border-radius: 12px;
  margin: 0 16px 16px;
  border: 1px solid #C7CBD0;
  background: #EBF0F5;
}

.account-settings.data-privacy .signet-preview .code-box .code-header {
  border-radius: 12px 12px 0 0;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 16px;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.account-settings.data-privacy .signet-preview .code-box .code-content {
  word-break: break-all;
  border-radius: 0 0 12px 12px;
  padding: 16px;
  color: rgba(164, 202, 252, 0.5);
  background-color: #222222;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

.account-settings.data-privacy .signet-preview .code-box .code-content .string-literal {
  color: inherit;
}

.account-settings.data-privacy .signet-preview .code-box .copied {
  position: absolute;
  left: 50%;
  bottom: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 32px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  background-color: #FFFFFF;
  padding: 8px;
  border-radius: 8px;
  font-weight: 600;
  color: #41CA77;
  border: 2px solid #41CA77;
}

.account-settings.data-privacy .cookie-options {
  width: 100%;
  border-radius: 16px;
  background-color: #EBF0F5;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.reporting .rep-set-row,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.reporting .label-input .rep-name > input,
.reporting .label-input > input,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.reporting .rep-resume .res-report-list .res-report > div.res-report-info,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.reporting .rep-set-row.rep-set-row-header > div,
.reporting .rep-select .rep-group-header > div,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.reporting .label-input > div:first-child,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.reporting .rep-set-row {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.reporting .label-input .rep-name > input,
.reporting .label-input > input,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.reporting .rep-resume .res-report-list .res-report > div.res-report-info {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.reporting .rep-set-row.rep-set-row-header > div,
.reporting .rep-select .rep-group-header > div {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.reporting .label-input > div:first-child {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.reporting .label-input .rep-name > input,
.reporting .label-input > input,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.reporting .label-input .rep-name > input,
.reporting .label-input > input,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text,
.reporting .label-input .rep-name > input,
.reporting .label-input > input {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder,
.reporting .label-input .rep-name > input:placeholder,
.reporting .label-input > input:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a,
.reporting .label-input .rep-name > input + .dropdown-menu > li > a,
.reporting .label-input > input + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a,
.reporting .label-input .rep-name > input + .dropdown-menu > .active > a,
.reporting .label-input > input + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive,
.reporting .label-input .rep-name > input.ds-inactive,
.reporting .label-input > input.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text,
.ds-input-wrapper .reporting .label-input .rep-name > input,
.reporting .label-input .ds-input-wrapper .rep-name > input,
.ds-input-wrapper .reporting .label-input > input,
.reporting .ds-input-wrapper .label-input > input {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.reporting-header {
  padding-left: 22px;
}

.reporting {
  height: 100%;
  overflow: hidden;
  padding: 21px 10px 0 22px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.reporting .floating-entry {
  width: initial;
  padding-right: 12px;
  padding-left: 12px;
}

.reporting .rep-wrapper {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-positive: 1;
      flex-grow: 1;
  width: 100%;
  padding-top: 19px;
  -ms-flex-align: start;
      align-items: flex-start;
  overflow: auto;
  scrollbar-width: thin;
}

.reporting .rep-stepper {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 12px;
  border-bottom: 1px solid #CFCFCF;
}

.reporting .current-active {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 2px;
  background-color: #222222;
  bottom: -1px;
  left: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.reporting .rep-step {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-right: 40px;
  color: rgba(34, 34, 34, 0.4);
}

.reporting .rep-step .dsa-paragraph-bold,
.reporting .rep-step .dsa-paragraph-bold-italic {
  color: inherit;
}

.reporting .rep-step.done,
.reporting .rep-step.active {
  color: #222222;
}

.reporting .rep-step.done .step-no,
.reporting .rep-step.active .step-no {
  background: rgba(242, 78, 30, 0.2);
}

.reporting .rep-step.done .step-no > div,
.reporting .rep-step.active .step-no > div {
  background: #F24E1E;
}

.reporting .step-no {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  padding: 4px;
  background: rgba(159, 159, 159, 0.2);
}

.reporting .step-no > div {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #BABEC3;
}

.reporting .rep-overview {
  width: calc(100% - 32px);
  max-height: calc(100% -12px);
  overflow: auto;
  scrollbar-width: thin;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
  border-radius: 12px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 811px 227px 0px rgba(0, 0, 0, 0), 0px 519px 208px 0px rgba(0, 0, 0, 0.01), 0px 292px 175px 0px rgba(0, 0, 0, 0.05), 0px 130px 130px 0px rgba(0, 0, 0, 0.09), 0px 32px 71px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 811px 227px 0px rgba(0, 0, 0, 0), 0px 519px 208px 0px rgba(0, 0, 0, 0.01), 0px 292px 175px 0px rgba(0, 0, 0, 0.05), 0px 130px 130px 0px rgba(0, 0, 0, 0.09), 0px 32px 71px 0px rgba(0, 0, 0, 0.1);
  padding: 29px 20px;
}

.reporting .rep-overview .rep-set-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border-radius: 16px;
  background-color: #EBF0F5;
  padding: 12px 0;
}

.reporting .rep-separator {
  width: calc(100% -24px);
  height: 1px;
  background-color: #C7CBD0;
  margin: 0 12px;
}

.reporting .rep-separator:last-child {
  display: none;
}

.reporting .rep-set-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 48px;
  width: 100%;
  gap: 16px;
}

.reporting .rep-set-row.with-error {
  height: initial;
}

.reporting .rep-set-row.with-error > div {
  white-space: normal;
}

.reporting .rep-set-row.with-error > div.col-status {
  padding: 4px;
}

.reporting .rep-set-row > div {
  color: #47494A;
  width: 120px;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.reporting .rep-set-row > div:first-child {
  width: 132px;
  padding-left: 12px;
}

.reporting .rep-set-row > div:last-child {
  padding-right: 12px;
}

.reporting .rep-set-row > div.col-date span:first-child {
  font-weight: bold;
  margin-right: 4px;
}

.reporting .rep-set-row > div.col-name {
  width: initial;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.reporting .rep-set-row > div.col-format {
  width: 70px;
}

.reporting .rep-set-row > div.col-loader,
.reporting .rep-set-row > div.col-download,
.reporting .rep-set-row > div.col-size,
.reporting .rep-set-row > div.col-order {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.reporting .rep-set-row > div.col-id,
.reporting .rep-set-row > div.col-loader,
.reporting .rep-set-row > div.col-download {
  width: 90px;
}

.reporting .rep-set-row > div.col-size > span:first-child {
  font-weight: bold;
}

.reporting .rep-set-row > div.col-active {
  width: 62px;
}

.reporting .rep-set-row > div.col-active label,
.reporting .rep-set-row > div.col-active .dsa-toggle,
.reporting .rep-set-row > div.col-active input {
  cursor: pointer;
}

.reporting .rep-set-row > div.col-active.ds-disabled {
  opacity: 0.5;
}

.reporting .rep-set-row > div.col-active.ds-disabled label,
.reporting .rep-set-row > div.col-active.ds-disabled .dsa-toggle,
.reporting .rep-set-row > div.col-active.ds-disabled input {
  cursor: default;
}

.reporting .rep-set-row > div.col-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.reporting .rep-set-row > div.col-actions > div {
  cursor: pointer;
}

.reporting .rep-set-row > div.col-actions > div.ds-disabled {
  cursor: default;
  opacity: 0.5;
}

.reporting .rep-set-row > div.col-status {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.reporting .rep-set-row > div.col-status > div:first-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.reporting .rep-set-row > div.col-status > div:first-child.file-name {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.reporting .rep-set-row.rep-set-row-header {
  padding: 0 0 8px;
  border-bottom: none;
}

.reporting .rep-set-row.rep-set-row-header > div {
  color: #979797;
}

.reporting .rep-set-row.ds-wait * {
  cursor: wait;
}

.reporting .rep-set-row:not(.rep-set-row-header):hover {
  -webkit-box-shadow: 0px 0px 15px 0px rgba(73, 73, 73, 0.4);
          box-shadow: 0px 0px 15px 0px rgba(73, 73, 73, 0.4);
  z-index: 100;
  background-color: #FFFFFF;
}

.reporting .rep-content {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: calc(100% - 328px);
  border-radius: 12px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 811px 227px 0px rgba(0, 0, 0, 0), 0px 519px 208px 0px rgba(0, 0, 0, 0.01), 0px 292px 175px 0px rgba(0, 0, 0, 0.05), 0px 130px 130px 0px rgba(0, 0, 0, 0.09), 0px 32px 71px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 811px 227px 0px rgba(0, 0, 0, 0), 0px 519px 208px 0px rgba(0, 0, 0, 0.01), 0px 292px 175px 0px rgba(0, 0, 0, 0.05), 0px 130px 130px 0px rgba(0, 0, 0, 0.09), 0px 32px 71px 0px rgba(0, 0, 0, 0.1);
  padding: 29px 20px;
}

.reporting .rep-resume {
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 320px;
  padding: 29px 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 32px;
}

.reporting .rep-resume .dsa-tag-label-bold {
  color: #2E373D;
}

.reporting .rep-resume .rep-flex {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.reporting .rep-resume .rep-flex > div {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.reporting .rep-resume .rep-flex > div:first-child {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.reporting .rep-resume .rep-break {
  word-break: break-all;
}

.reporting .rep-resume > .rep-group {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
}

.reporting .rep-resume .rep-button-group {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
}

.reporting .rep-resume .rep-button-group .dsa-text-button-small,
.reporting .rep-resume .rep-button-group .dsa-text-button-transparent-small {
  background-color: transparent;
}

.reporting .rep-resume .rep-button-group .dsa-text-button-small span,
.reporting .rep-resume .rep-button-group .dsa-text-button-transparent-small span {
  padding-right: 2px;
}

.reporting .rep-resume .rep-opacity {
  opacity: 0.4;
}

.reporting .rep-resume .rep-button-bar {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.reporting .rep-resume .rep-button-bar > div:last-child {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-pack: center;
      justify-content: center;
}

.reporting .rep-resume .res-report-list {
  list-style-type: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
}

.reporting .rep-resume .res-report-list .res-report {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 8px;
  border: 1px solid #BABEC3;
  border-radius: 8px;
  padding: 4px;
  background-color: #FFFFFF;
}

.reporting .rep-resume .res-report-list .res-report > div {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.reporting .rep-resume .res-report-list .res-report > div.res-report-info {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.reporting .rep-resume .res-report-list .res-report .res-close,
.reporting .rep-resume .res-report-list .res-report .res-drag {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #E4E4E4;
  border-radius: 4px;
  padding: 2px;
  cursor: move;
}

.reporting .rep-resume .res-report-list .res-report .res-close.res-close,
.reporting .rep-resume .res-report-list .res-report .res-drag.res-close {
  cursor: pointer;
}

.reporting .rep-type .ds-section-wrapper > .ds-gap-12,
.reporting .rep-time .ds-section-wrapper > .ds-gap-12 {
  -ms-flex-align: stretch;
      align-items: stretch;
}

.reporting .rep-type {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 40px;
}

.reporting .rep-type .ds-section-wrapper > .ds-gap-12 {
  -ms-flex-align: stretch;
      align-items: stretch;
}

.reporting .rep-type .ds-selection-header {
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 12px;
}

.reporting .rep-type .ds-selection-header > svg {
  margin-top: 6px;
}

.reporting .rep-type .rep-cassowary {
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-align: center;
      align-items: center;
  width: 500px;
}

.reporting .rep-type .logo-upload-image {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border-radius: 4px;
  background-color: #f7f7f7;
  border: solid 1px #dbdbdb;
  width: 202px;
  height: 107px;
}

.reporting .rep-type .logo-upload-image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.reporting .rep-select {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 24px;
}

.reporting .rep-select .rep-groups {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 24px;
}

.reporting .rep-select .rep-groups .dsa-h5,
.reporting .rep-select .rep-groups .dsm-upgrade-info > div > div:first-child {
  margin-left: 12px;
}

.reporting .rep-select .rep-groups .ds-section-wrapper {
  padding: 12px;
}

.reporting .rep-select .rep-group-header {
  padding: 0 12px 8px;
  display: -ms-flexbox;
  display: flex;
  width: 600px;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.reporting .rep-select .rep-group-header > div {
  color: #979797;
}

.reporting .rep-select .rep-group-header > div:first-child {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.reporting .rep-select .rep-group-header > div:first-child ~ div {
  width: 140px;
}

.reporting .rep-tabular {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
}

.reporting .label-input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 4px;
}

.reporting .label-input > div:first-child {
  font-size: 14px;
  font-weight: 500;
  color: #222222;
}

.reporting .label-input .rep-name > input,
.reporting .label-input > input {
  height: 42px;
  width: 500px;
  border-color: #CFCFCF;
  background-color: #FDFDFD;
}

.reporting .label-input .rep-name > input:focus,
.reporting .label-input > input:focus {
  border-color: #1B76F0;
}

.reporting .label-input > .dsa-select-box {
  width: 500px;
}

.reporting .label-input .rep-name {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.reporting .label-input .rep-name > div {
  -ms-flex-positive: 1;
      flex-grow: 1;
  white-space: nowrap;
}

.reporting .label-input .rep-name > input {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.reporting .reporting-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 24px;
  padding: 8px 8px 12px;
}

.reporting .reporting-row .rep-details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
  display: flex;
  width: 568px;
}

.reporting .reporting-row .rep-details > div:first-child {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.reporting .reporting-row .rep-details > div:first-child ~ div {
  width: 140px;
}

.reporting .reporting-row .rep-details .dsa-select-box {
  background-color: #FFFFFF;
}

.reporting .reporting-row .rep-details .dsa-select-box-options {
  min-width: 140px;
  width: initial;
  max-width: 304px;
}

.reporting .reporting-row .rep-details .dsa-select-box-option {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.reporting .reporting-row button.ds-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.reporting .reporting-row button > span {
  padding: 1px 2px 0 0;
}

.reporting .rep-time {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
}

.reporting .rep-frequency {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 12px;
}

.reporting .rep-frequency label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.reporting .rep-frequency label > div:last-child::first-letter {
  text-transform: uppercase;
}

.reporting .rep-recipients {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
}

.reporting .input-error {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #FD5555;
  font-size: 13px;
  font-weight: 500;
}

.reporting .rep-list {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 8px;
  -ms-flex-align: center;
      align-items: center;
}

.reporting .rep-list input.rep-invalid {
  color: #FD5555;
  outline: 1px solid #FD5555;
  background-color: #fbecec;
}

.reporting .rep-list .dsa-remove {
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #919191;
  background: #EBF0F5;
  width: 20px;
  height: 20px;
  border-radius: 10px;
}

.reporting .rep-list .ds-input-text.ds-disabled,
.reporting .rep-list .label-input .rep-name > input.ds-disabled,
.reporting .label-input .rep-list .rep-name > input.ds-disabled,
.reporting .rep-list .label-input > input.ds-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.reporting .rep-list button {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 8px 16px;
}

.reporting .rep-list button > svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.reporting .with-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.reporting .with-warning > .ac-hint {
  padding: 4px 8px;
  border-radius: 8px;
  background: #EBF0F5;
}

.reporting .with-warning .ds-disabled {
  opacity: 0.8;
  cursor: not-allowed;
}

.reporting .rd-sample-button {
  width: 145px;
  padding: 12px;
  -ms-flex-pack: center;
      justify-content: center;
}

.reporting .copied {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 32px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  background-color: #FFFFFF;
  padding: 8px;
  border-radius: 8px;
  font-weight: 600;
  color: #41CA77;
  border: 2px solid #41CA77;
}

.download-export .overlay-title {
  gap: 32px;
}

.download-export .input-checkbox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.download-export .rep-individual {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
  min-height: 80px;
}

.download-export button {
  padding-right: 16px;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.data-processing-agreement thead th,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.data-processing-agreement thead th {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.data-processing-agreement {
  position: relative;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.data-processing-agreement p {
  line-height: 1.9;
}

.data-processing-agreement table {
  border-collapse: separate;
  width: 100%;
}

.data-processing-agreement thead th {
  color: #979797;
  padding: 0 12px 8px;
  white-space: nowrap;
}

.data-processing-agreement th,
.data-processing-agreement td {
  height: 48px;
  padding: 0 12px;
  vertical-align: middle;
  text-align: left;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}

.data-processing-agreement tbody tr {
  background-color: #EBF0F5;
  position: relative;
}

.data-processing-agreement tbody tr td {
  border-top: 1px solid #C7CBD0;
}

.data-processing-agreement tbody tr:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.data-processing-agreement tbody tr:first-child td:first-child {
  border-top-left-radius: 8px;
}

.data-processing-agreement tbody tr:first-child td:last-child,
.data-processing-agreement tbody tr:first-child .cell-mfa_force {
  border-top-right-radius: 8px;
}

.data-processing-agreement tbody tr td:first-child {
  border-left: 1px solid #C7CBD0;
}

.data-processing-agreement tbody tr td:last-child,
.data-processing-agreement tbody tr .cell-mfa_force {
  border-right: 1px solid #C7CBD0;
}

.data-processing-agreement tbody tr:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.data-processing-agreement tbody tr:last-child td {
  border-bottom: 1px solid #C7CBD0;
}

.data-processing-agreement tbody tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}

.data-processing-agreement tbody tr:last-child td:last-child,
.data-processing-agreement tbody tr:last-child .cell-mfa_force {
  border-bottom-right-radius: 8px;
}

.data-processing-agreement tbody tr:nth-child(even) {
  background-color: #FFFFFF;
}

.data-processing-agreement tbody tr + tr {
  border-top: 1px solid #C7CBD0;
}

.data-processing-agreement tbody tr:hover {
  z-index: 100;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(73, 73, 73, 0.4);
          box-shadow: 0px 0px 15px 0px rgba(73, 73, 73, 0.4);
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.css-selectors-overview .edit-user .account-entries .account-entry:hover,
.css-selectors-overview .edit-role .account-entries .account-entry:hover {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.css-selectors-overview .edit-user .account-entries .account-entry:hover,
.css-selectors-overview .edit-role .account-entries .account-entry:hover {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.css-selectors-overview .label-input > input,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.css-selectors-overview thead th,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.css-selectors-overview .edit-user .toggle > div:first-child,
.css-selectors-overview .edit-role .toggle > div:first-child,
.css-selectors-overview .label-input > div:first-child,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.css-selectors-overview .label-input > input,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.css-selectors-overview thead th {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.css-selectors-overview .edit-user .toggle > div:first-child,
.css-selectors-overview .edit-role .toggle > div:first-child,
.css-selectors-overview .label-input > div:first-child {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.css-selectors-overview .edit-user .account-entries .account-entry:hover,
.css-selectors-overview .edit-role .account-entries .account-entry:hover {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.css-selectors-overview .label-input > input,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.css-selectors-overview .label-input > input,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text,
.css-selectors-overview .label-input > input {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder,
.css-selectors-overview .label-input > input:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a,
.css-selectors-overview .label-input > input + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a,
.css-selectors-overview .label-input > input + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive,
.css-selectors-overview .label-input > input.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text,
.ds-input-wrapper .css-selectors-overview .label-input > input,
.css-selectors-overview .ds-input-wrapper .label-input > input {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.css-selectors-overview {
  position: relative;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.css-selectors-overview .tooltipContainer {
  position: initial;
  white-space: normal;
}

.css-selectors-overview .tooltipContainer span {
  -webkit-transform: initial;
      -ms-transform: initial;
          transform: initial;
  position: absolute;
}

.css-selectors-overview .dsm-upgrade-info {
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-bottom: 15px;
}

.css-selectors-overview .tagmanager-link {
  text-decoration: underline;
  cursor: pointer;
}

.css-selectors-overview table {
  border-collapse: separate;
  width: 100%;
}

.css-selectors-overview thead th {
  color: #979797;
  padding: 0 12px 8px;
  white-space: nowrap;
}

.css-selectors-overview th,
.css-selectors-overview td {
  height: 48px;
  padding: 0 12px;
  vertical-align: middle;
  text-align: left;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}

.css-selectors-overview tbody tr {
  background-color: #EBF0F5;
  position: relative;
}

.css-selectors-overview tbody tr td {
  border-top: 1px solid #C7CBD0;
}

.css-selectors-overview tbody tr:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.css-selectors-overview tbody tr:first-child td:first-child {
  border-top-left-radius: 8px;
}

.css-selectors-overview tbody tr:first-child td:last-child,
.css-selectors-overview tbody tr:first-child .cell-mfa_force {
  border-top-right-radius: 8px;
}

.css-selectors-overview tbody tr td:first-child {
  border-left: 1px solid #C7CBD0;
}

.css-selectors-overview tbody tr td:last-child,
.css-selectors-overview tbody tr .cell-mfa_force {
  border-right: 1px solid #C7CBD0;
}

.css-selectors-overview tbody tr:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.css-selectors-overview tbody tr:last-child td {
  border-bottom: 1px solid #C7CBD0;
}

.css-selectors-overview tbody tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}

.css-selectors-overview tbody tr:last-child td:last-child,
.css-selectors-overview tbody tr:last-child .cell-mfa_force {
  border-bottom-right-radius: 8px;
}

.css-selectors-overview tbody tr:nth-child(even) {
  background-color: #FFFFFF;
}

.css-selectors-overview tbody tr + tr {
  border-top: 1px solid #C7CBD0;
}

.css-selectors-overview tbody tr:hover {
  z-index: 100;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(73, 73, 73, 0.4);
          box-shadow: 0px 0px 15px 0px rgba(73, 73, 73, 0.4);
}

.css-selectors-overview .role-table {
  gap: 8px;
}

.css-selectors-overview .role-table table td + td,
.css-selectors-overview .role-table table th + th {
  text-align: center;
}

.css-selectors-overview .css-selector-events {
  gap: 8px;
}

.css-selectors-overview .button-bar {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.css-selectors-overview .button-bar > button {
  height: 40px;
}

.css-selectors-overview .css-selector-events table {
  table-layout: fixed;
}

.css-selectors-overview .css-selector-events table td,
.css-selectors-overview .css-selector-events table th {
  display: table-cell;
}

.css-selectors-overview .css-selector-events table .cell-css-selector {
  width: 25%;
}

.css-selectors-overview .css-selector-events table .cell-title {
  width: 15%;
}

.css-selectors-overview .css-selector-events table .cell-url {
  width: 15%;
}

.css-selectors-overview .css-selector-events table .cell-category {
  width: 10%;
}

.css-selectors-overview .css-selector-events table .cell-action {
  width: 10%;
}

.css-selectors-overview .css-selector-events table .cell-object {
  width: 15%;
}

.css-selectors-overview .css-selector-events table .cell-edit {
  min-width: 70px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
}

.css-selectors-overview .css-selector-events table .cell-edit .pointer {
  cursor: pointer;
}

.css-selectors-overview .css-selector-events table tbody tr:hover .cell-force_mfa {
  display: none;
}

.css-selectors-overview .css-selector-events table tbody tr:hover .cell-actions {
  display: table-cell;
}

.css-selectors-overview .css-selector-events table #cssSelector {
  cursor: pointer;
}

.css-selectors-overview .css-selector-events table div.copied {
  height: 32px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  background-color: #FFFFFF;
  padding: 8px;
  border-radius: 8px;
  font-weight: 600;
  color: #41CA77;
  border: 2px solid #41CA77;
}

.css-selectors-overview .sub-user-action {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.css-selectors-overview .sub-user-action .dsa-button-secondary-small {
  padding: 4px 8px 4px 4px;
  gap: 4px;
  border-radius: 4px;
  border-color: #B0B0B0;
}

.css-selectors-overview .sub-user-action > div {
  cursor: pointer;
}

.css-selectors-overview .edit-user,
.css-selectors-overview .edit-role {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 24px;
}

.css-selectors-overview .edit-user .user-block,
.css-selectors-overview .edit-user .role-block,
.css-selectors-overview .edit-role .user-block,
.css-selectors-overview .edit-role .role-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 12px;
}

.css-selectors-overview .edit-user .role-block > div:not(.dsa-h5),
.css-selectors-overview .edit-role .role-block > div:not(.dsa-h5) {
  margin-left: 24px;
}

.css-selectors-overview .edit-user .button-bar,
.css-selectors-overview .edit-role .button-bar {
  gap: 20px;
}

.css-selectors-overview .edit-user .toggle,
.css-selectors-overview .edit-role .toggle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.css-selectors-overview .edit-user .toggle.sub-level,
.css-selectors-overview .edit-role .toggle.sub-level {
  margin-left: 42px;
}

.css-selectors-overview .edit-user .toggle > div:first-child,
.css-selectors-overview .edit-role .toggle > div:first-child {
  font-size: 14px;
  font-weight: 500;
  color: #222222;
}

.css-selectors-overview .edit-user .account-entries,
.css-selectors-overview .edit-role .account-entries {
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}

.css-selectors-overview .edit-user .account-entries .account-entry,
.css-selectors-overview .edit-role .account-entries .account-entry {
  cursor: pointer;
  width: calc((100% + 16px)/ 4 - 16px);
}

.css-selectors-overview .edit-user .account-entries .account-entry:hover,
.css-selectors-overview .edit-role .account-entries .account-entry:hover {
  background: #FFFFFF;
  cursor: default;
}

.css-selectors-overview .edit-user .account-entries .account-entry.active .check-icon,
.css-selectors-overview .edit-role .account-entries .account-entry.active .check-icon {
  color: #1B76F0;
}

.css-selectors-overview .edit-user .account-entries .account-entry .check-icon,
.css-selectors-overview .edit-role .account-entries .account-entry .check-icon {
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #CFCFCF;
}

.css-selectors-overview .edit-user .account-entries .account-entry .upper-line > div:first-child,
.css-selectors-overview .edit-role .account-entries .account-entry .upper-line > div:first-child {
  white-space: nowrap;
}

.css-selectors-overview .edit-user .add-role-filter,
.css-selectors-overview .edit-role .add-role-filter {
  padding: 0 16px;
  width: 286px;
}

.css-selectors-overview .edit-user .config-filter-wrapper,
.css-selectors-overview .edit-role .config-filter-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
}

.css-selectors-overview .edit-user .config-filter-wrapper .dsa-select-box-options,
.css-selectors-overview .edit-role .config-filter-wrapper .dsa-select-box-options {
  bottom: calc(100% + 8px);
}

.css-selectors-overview .edit-user .with-tooltip,
.css-selectors-overview .edit-role .with-tooltip {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.css-selectors-overview .edit-user .with-tooltip .su-tooltip,
.css-selectors-overview .edit-role .with-tooltip .su-tooltip {
  position: relative;
  height: 20px;
}

.css-selectors-overview .edit-user .with-tooltip .su-tooltip > svg + div,
.css-selectors-overview .edit-role .with-tooltip .su-tooltip > svg + div {
  display: none;
  position: absolute;
  top: 50%;
  left: calc(100% + 8px);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 390px;
  background-color: #EBF0F5;
  border-radius: 8px;
  padding: 16px;
  z-index: 1;
}

.css-selectors-overview .edit-user .with-tooltip .su-tooltip:hover > svg + div,
.css-selectors-overview .edit-role .with-tooltip .su-tooltip:hover > svg + div {
  display: block;
}

.css-selectors-overview .edit-user .su-input,
.css-selectors-overview .edit-role .su-input {
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.css-selectors-overview .edit-user .su-input .dsa-input-text,
.css-selectors-overview .edit-role .su-input .dsa-input-text {
  max-width: 400px;
}

.css-selectors-overview .edit-user .su-input .label-input,
.css-selectors-overview .edit-role .su-input .label-input {
  width: 400px;
}

.css-selectors-overview .edit-user .su-select,
.css-selectors-overview .edit-role .su-select {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.css-selectors-overview .edit-user .su-select .su-error .dsa-select-box-selection,
.css-selectors-overview .edit-role .su-select .su-error .dsa-select-box-selection {
  border-color: #FD5555;
}

.css-selectors-overview .edit-user .su-select .dsa-select-box,
.css-selectors-overview .edit-role .su-select .dsa-select-box {
  width: 400px;
}

.css-selectors-overview .edit-user .su-select .dsa-select-box-option,
.css-selectors-overview .edit-role .su-select .dsa-select-box-option {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}

.css-selectors-overview .edit-user .su-select .dsa-select-box-selection,
.css-selectors-overview .edit-role .su-select .dsa-select-box-selection {
  padding: 0 12px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-color: #CFCFCF;
}

.css-selectors-overview .edit-user .su-select .dsa-select-box-selection > img,
.css-selectors-overview .edit-role .su-select .dsa-select-box-selection > img {
  position: relative;
  top: initial;
  right: initial;
}

.css-selectors-overview .edit-user .su-select button,
.css-selectors-overview .edit-role .su-select button {
  border-radius: 4px;
  border-color: #ccc;
  height: 40px;
  padding: 4px 12px 4px 8px;
  gap: 4px;
}

.css-selectors-overview .edit-user .su-select.small .dsa-select-box,
.css-selectors-overview .edit-role .su-select.small .dsa-select-box {
  width: 192px;
}

.css-selectors-overview .edit-user .su-select.small > div,
.css-selectors-overview .edit-role .su-select.small > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 4px;
}

.css-selectors-overview input.ua-error {
  color: #FD5555;
  outline: 1px solid #FD5555;
  background-color: #fbecec;
}

.css-selectors-overview .ua-error {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.css-selectors-overview .ua-error > svg {
  color: #FFFFFF;
  background-color: #F11B1B;
  border-radius: 10px;
  padding: 2px;
}

.css-selectors-overview .label-input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 4px;
}

.css-selectors-overview .label-input > div:first-child {
  font-size: 14px;
  font-weight: 500;
  color: #222222;
}

.css-selectors-overview .label-input > input {
  max-width: 450px;
  height: 42px;
  border-color: #CFCFCF;
  background-color: #FDFDFD;
}

.css-selectors-overview .label-input > input:focus {
  border-color: #1B76F0;
}lunar-bridge {
  height: 100vh;
  width: 100vw;
}

.main-menu-area.main-lunar .main-area {
  overflow: visible;
  width: calc(100vw - 234px);
}

.main-menu-area.main-lunar .lunar-menu.collapsed + .main-area {
  width: calc(100vw - 60px);
  -webkit-transition: width 0.8s;
  -o-transition: width 0.8s;
  transition: width 0.8s;
}

.main-menu-area.main-lunar .lunar-menu.collapsed.trackY + .main-area {
  width: calc(100vw - 72px);
}

.main-area.login-alike {
  background-color: white;
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.tooltip-container {
  position: relative;
  display: inline-block;
}

.tooltip-container .arrow {
  position: absolute;
  display: none;
  -webkit-animation: slideaway 1s;
          animation: slideaway 1s;
  z-index: 1;
  width: 10px;
  height: 10px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
}

.tooltip-container.pos-top .arrow {
  top: -12px;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
      -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
          transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.tooltip-container.pos-bottom .arrow {
  bottom: -12px;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(50%) rotate(135deg);
      -ms-transform: translateX(-50%) translateY(50%) rotate(135deg);
          transform: translateX(-50%) translateY(50%) rotate(135deg);
}

.tooltip-container.pos-left .arrow {
  left: -12px;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
      -ms-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
          transform: translateX(-50%) translateY(-50%) rotate(-135deg);
}

.tooltip-container.pos-right .arrow {
  right: -12px;
  top: 50%;
  -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
      -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
          transform: translateX(50%) translateY(-50%) rotate(45deg);
}

.tooltip-container .tooltip-content {
  display: none;
  -webkit-animation: slideaway 1s;
          animation: slideaway 1s;
  position: absolute;
  z-index: 1;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 8px 14px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 400;
}

.tooltip-container .tooltip-content .arrow {
  width: 10px;
  height: 10px;
  background-color: #FFFFFF;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.tooltip-container.pos-top .tooltip-content {
  left: 50%;
  top: -12px;
  -webkit-transform: translateX(-50%) translateY(-100%);
      -ms-transform: translateX(-50%) translateY(-100%);
          transform: translateX(-50%) translateY(-100%);
}

.tooltip-container.pos-top .tooltip-content .arrow {
  top: initial;
  bottom: 0;
  -webkit-transform: translateX(-50%) translateY(50%) rotate(135deg);
      -ms-transform: translateX(-50%) translateY(50%) rotate(135deg);
          transform: translateX(-50%) translateY(50%) rotate(135deg);
}

.tooltip-container.pos-bottom .tooltip-content {
  left: 50%;
  bottom: -12px;
  -webkit-transform: translateX(-50%) translateY(100%);
      -ms-transform: translateX(-50%) translateY(100%);
          transform: translateX(-50%) translateY(100%);
}

.tooltip-container.pos-bottom .tooltip-content .arrow {
  bottom: initial;
  top: 0;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg);
      -ms-transform: translateX(-50%) translateY(-50%) rotate(135deg);
          transform: translateX(-50%) translateY(-50%) rotate(135deg);
}

.tooltip-container.pos-left .tooltip-content {
  left: -12px;
  top: 50%;
  -webkit-transform: translateX(-100%) translateY(calc(-50% - .5px));
      -ms-transform: translateX(-100%) translateY(calc(-50% - .5px));
          transform: translateX(-100%) translateY(calc(-50% - .5px));
}

.tooltip-container.pos-left .tooltip-content .arrow {
  left: initial;
  right: 0;
  -webkit-transform: translateX(50%) translateY(-50%) rotate(135deg);
      -ms-transform: translateX(50%) translateY(-50%) rotate(135deg);
          transform: translateX(50%) translateY(-50%) rotate(135deg);
}

.tooltip-container.pos-right .tooltip-content {
  right: -12px;
  top: 50%;
  -webkit-transform: translateX(100%) translateY(calc(-50% - .5px));
      -ms-transform: translateX(100%) translateY(calc(-50% - .5px));
          transform: translateX(100%) translateY(calc(-50% - .5px));
}

.tooltip-container.pos-right .tooltip-content .arrow {
  right: initial;
  left: 0;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg);
      -ms-transform: translateX(-50%) translateY(-50%) rotate(135deg);
          transform: translateX(-50%) translateY(-50%) rotate(135deg);
}

.tooltip-container:hover .arrow,
.tooltip-container:hover .tooltip-content,
.tooltip-container:focus .arrow,
.tooltip-container:focus .tooltip-content {
  display: block;
  -webkit-animation: slidein 1s;
          animation: slidein 1s;
}

@-webkit-keyframes slidein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes slidein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes slideaway {
  from {
    display: block;
  }

  to {
    opacity: 0;
  }
}

@keyframes slideaway {
  from {
    display: block;
  }

  to {
    opacity: 0;
  }
}/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.dsa-settings {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* Design System based on Siteseeing proposal
    ds = design system
    dsa- atomic
*/

/* Atoms */

.dsa-h1,
.dsa-h2,
.dsa-h3,
.dsa-h4,
.dsm-section-header,
.dsa-h5,
.dsm-upgrade-info > div > div:first-child,
.dsa-intro-book,
.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link,
.dsa-paragraph-bold,
.dsa-paragraph-bold-italic,
.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry,
.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue,
.ds-info,
.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div,
.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input,
.dsa-citation,
.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label,
.dsa-tag-label-bold,
.dsa-banner,
.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium,
.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-nav-item,
.dsa-nav-link,
.dsa-account-x {
  font-family: Soehne, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--dashboard-text);
}

/* h/1 */

.dsa-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  /* 101.613% */
  letter-spacing: -0.5px;
}

/* h/2 */

.dsa-h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  /* 114.286% */
  letter-spacing: 0.5px;
}

/* h/3 */

.dsa-h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  /* 117.647% */
  letter-spacing: 0.5px;
}

/* h/4 */

.dsa-h4,
.dsm-section-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  /* 116.667% */
}

/* h/5 */

.dsa-h5,
.dsm-upgrade-info > div > div:first-child {
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
  /* 126.316% */
}

/* intro/book */

.dsa-intro-book {
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  /* 143.478% */
}

/* paragraph/book */

.dsa-paragraph-book,
.dsa-paragraph-book-italic,
.dsa-anchor-link,
.dsa-text-link {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-book-italic {
  font-style: italic;
}

/* paragraph/bold */

.dsa-paragraph-bold,
.dsa-paragraph-bold-italic {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.dsa-paragraph-bold-italic {
  font-style: italic;
}

/* text/book */

.dsa-text-book,
.dsa-text-book-italic,
.dsa-radio-tab,
.dsa-radio-tab-large,
.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input,
.ds-input-wrapper,
.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.dsa-text-book-italic {
  font-style: italic;
}

/* text/bold */

.dsa-text-bold,
.dsa-text-bold-italic,
.dsm-side-bar-link,
.ds-toggle-label,
.ds-dropdown-menu-item.active,
.active.ds-dropdown-menu-entry,
.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.dsa-text-bold-italic {
  font-style: italic;
}

/* info */

.ds-info {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}

/* info/book */

.dsa-info-book,
.dsa-chip,
.ds-dropdown-select > span,
.dsm-upgrade-info > div > div + div {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.2px;
}

/* info/bold */

.dsa-info-bold,
.dsa-button-primary-small,
.dsa-button-secondary-small,
.ds-combi-input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  /* 130.769% */
  letter-spacing: 0.026px;
}

/* misc/citation */

.dsa-citation {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: 0.5px;
}

/* misc/tag label */

.dsa-tag-label,
.ds-label-grey,
.ds-label-blue,
.ds-label-fir,
.ds-label-blue-small,
.ds-label-fir-small,
.ds-dropdown-menu-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.dsa-tag-label-bold {
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  /* 127.273% */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* misc/banner */

.dsa-banner {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* misc/button label */

.dsa-button-label,
.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary,
.dsa-text-button,
.dsa-text-button-transparent,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  /* 143.75% */
}

.dsa-button-label-medium,
.dsa-button-primary-medium,
.dsa-button-secondary-medium,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* misc/button label small */

.dsa-button-label-small,
.dsa-text-button-small,
.dsa-text-button-transparent-small {
  color: #3F424A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  /* 138.462% */
}

/* misc/nav item */

.dsa-nav-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.3px;
}

.dsa-account-x {
  color: #919191;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
  letter-spacing: 0.3px;
}

.dsa-anchor-link:active,
.dsa-text-link:active {
  color: #1B76F0;
}

.dsa-anchor-link:hover,
.dsa-text-link:hover {
  color: #144580;
}

.dsa-text-link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ds-tr-link {
  white-space: nowrap;
  cursor: pointer;
}

.ds-tr-link:hover {
  text-decoration: underline;
}

/* -gradients-card-background-01-gradient */

.dsa-orange-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6B40), to(#FFF));
  background: -webkit-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: -o-linear-gradient(top, #FF6B40 0%, #FFF 100%);
  background: linear-gradient(180deg, #FF6B40 0%, #FFF 100%);
}

.dsa-blue-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B76F0), to(#FFF));
  background: -webkit-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #1B76F0 0%, #FFF 100%);
  background: linear-gradient(180deg, #1B76F0 0%, #FFF 100%);
}

.dsa-tag-indigo-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#685BFF), to(#FFF));
  background: -webkit-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: -o-linear-gradient(top, #685BFF 0%, #FFF 100%);
  background: linear-gradient(180deg, #685BFF 0%, #FFF 100%);
}

.dsa-consent-lila-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#9049D8), to(#FFF));
  background: -webkit-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: -o-linear-gradient(top, #9049D8 0%, #FFF 100%);
  background: linear-gradient(180deg, #9049D8 0%, #FFF 100%);
}

.dsa-card-background-gradient {
  background: -webkit-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: -o-linear-gradient(200deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
  background: linear-gradient(250deg, #EBF0F5 -0.02%, #FFFFFF 100.01%);
}

.dsa-white-gradient {
  background: -webkit-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: -o-linear-gradient(200deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
  background: linear-gradient(250deg, rgba(255, 255, 255, 0.13) -0.02%, #FFF 100.01%);
}

.dsa-blue-gradient-pill-front {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#1B76F0));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1B76F0 100%);
}

.dsa-blue-gradient-pill-back {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(87, 159, 255, 0.25)));
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(87, 159, 255, 0.25) 100%);
}

.dsa-dropshadow-0-inner-card {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-0-outer-card {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05), -1px 6px 6px 0px rgba(0, 0, 0, 0.04);
}

.dsa-dropshadow-1,
.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large,
.dropdown-menu[uib-typeahead-popup],
.ds-dropdown-menu,
.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3,
.dsa-settings {
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}

.dsa-dropshadow-2 {
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16);
}

.dsa-dropshadow-3,
.dropdown-menu.ds-variant[uib-typeahead-popup],
.ds-dropdown-menu.ds-variant {
  -webkit-box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 48px 0 rgba(0, 0, 0, 0.25);
}

.dsa-drop-shadow-4 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.dsa-drop-shadow-dp {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 36px 21px 12px 0px rgba(0, 0, 0, 0), 23px 13px 11px 0px rgba(0, 0, 0, 0.01), 6px 3px 7px 0px rgba(0, 0, 0, 0.09), 0px 2px 40px 8px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-total {
  -webkit-box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
          box-shadow: 0px 100px 100px 32px var(--dropshadow-total);
}

.dsa-menu-link-shadow {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-menu-link-drop {
  -webkit-box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 34px 9px 0px rgba(0, 0, 0, 0), 0px 22px 9px 0px rgba(0, 0, 0, 0.01), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.dsa-dropshadow-kf {
  -webkit-box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
          box-shadow: 0px 12px 80px 0px rgba(0, 0, 0, 0.43);
}

.dsa-gradients-explainerbox-forms-background-gradient {
  background: var(--gradients-explainerbox);
}

/* --- Fifty shades of grey --- */

/* --- Other colors --- */

.color-warning {
  color: #c71000;
}

.color-hint {
  color: #F24E1E;
}

/* --- NEW COLORS START --- */

/* ELEMENT COLORS */

/*$element-dark-border: ;
$element-dark-border-hover: ;
$element-dark-border-active: ;

$element-dark-bg: ;
$element-dark-bg-hover: ;
$element-dark-bg-active: ;

$element-dark-text: ;
$element-dark-text-placeholder: ;
$element-dark-text-disabled: ;
*/

/* DASHBOARD DARK COLORS */

/* DASHBOARD LIGHT COLORS */

/* --- NEW COLORS END --- */

/* --- Level colors --- */

/* signalize */

/* Siteseeing */

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary > *:first-child,
.dsm-upgrade-info > div > button > *:first-child,
.dsm-upgrade-info > button > *:first-child,
.dsa-button-secondary > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary add-icon,
.dsm-upgrade-info > div > button add-icon,
.dsm-upgrade-info > button add-icon,
.dsa-button-secondary add-icon,
.dsa-button-primary paperstack-icon,
.dsm-upgrade-info > div > button paperstack-icon,
.dsm-upgrade-info > button paperstack-icon,
.dsa-button-secondary paperstack-icon,
.dsa-button-primary delete-icon,
.dsm-upgrade-info > div > button delete-icon,
.dsm-upgrade-info > button delete-icon,
.dsa-button-secondary delete-icon,
.dsa-button-primary chevron-icon,
.dsm-upgrade-info > div > button chevron-icon,
.dsm-upgrade-info > button chevron-icon,
.dsa-button-secondary chevron-icon,
.dsa-button-primary upgrade-icon,
.dsm-upgrade-info > div > button upgrade-icon,
.dsm-upgrade-info > button upgrade-icon,
.dsa-button-secondary upgrade-icon {
  width: 24px;
  height: 24px;
}

.ds-disabled.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-disabled,
.dsm-upgrade-info > button.ds-disabled,
.ds-disabled.dsa-button-secondary {
  cursor: not-allowed;
  color: #CFCFCF;
  border-color: #CFCFCF;
}

.dsa-text-button,
.dsa-text-button-medium,
.dsa-text-button-transparent-medium,
.dsa-text-button-small,
.dsa-text-button-transparent-small,
.dsa-text-button-transparent {
  border: none;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-text-button > div:first-child,
.dsa-text-button-medium > div:first-child,
.dsa-text-button-transparent-medium > div:first-child,
.dsa-text-button-small > div:first-child,
.dsa-text-button-transparent-small > div:first-child,
.dsa-text-button-transparent > div:first-child,
.dsa-text-button > span:first-child,
.dsa-text-button-medium > span:first-child,
.dsa-text-button-transparent-medium > span:first-child,
.dsa-text-button-small > span:first-child,
.dsa-text-button-transparent-small > span:first-child,
.dsa-text-button-transparent > span:first-child {
  padding-right: 8px;
}

.dsa-text-button add-icon,
.dsa-text-button-medium add-icon,
.dsa-text-button-transparent-medium add-icon,
.dsa-text-button-small add-icon,
.dsa-text-button-transparent-small add-icon,
.dsa-text-button-transparent add-icon,
.dsa-text-button paperstack-icon,
.dsa-text-button-medium paperstack-icon,
.dsa-text-button-transparent-medium paperstack-icon,
.dsa-text-button-small paperstack-icon,
.dsa-text-button-transparent-small paperstack-icon,
.dsa-text-button-transparent paperstack-icon,
.dsa-text-button delete-icon,
.dsa-text-button-medium delete-icon,
.dsa-text-button-transparent-medium delete-icon,
.dsa-text-button-small delete-icon,
.dsa-text-button-transparent-small delete-icon,
.dsa-text-button-transparent delete-icon,
.dsa-text-button chevron-icon,
.dsa-text-button-medium chevron-icon,
.dsa-text-button-transparent-medium chevron-icon,
.dsa-text-button-small chevron-icon,
.dsa-text-button-transparent-small chevron-icon,
.dsa-text-button-transparent chevron-icon {
  width: 24px;
  height: 24px;
  padding-right: 0;
}

.dsa-button-primary-medium,
.dsa-button-secondary-medium {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding: 8px 32px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  white-space: nowrap;
}

.dsa-button-primary-medium > *:first-child,
.dsa-button-secondary-medium > *:first-child {
  padding-right: 8px;
}

.dsa-button-primary-medium add-icon,
.dsa-button-secondary-medium add-icon,
.dsa-button-primary-medium paperstack-icon,
.dsa-button-secondary-medium paperstack-icon,
.dsa-button-primary-medium delete-icon,
.dsa-button-secondary-medium delete-icon,
.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon,
.dsa-button-primary-medium upgrade-icon,
.dsa-button-secondary-medium upgrade-icon {
  width: 23px;
  height: 23px;
}

.dsa-button-primary-medium chevron-icon,
.dsa-button-secondary-medium chevron-icon {
  margin-right: -12px;
}

.dsa-button-primary-small,
.dsa-button-secondary-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 0 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
}

.dsa-button-primary-small paperstack-icon,
.dsa-button-secondary-small paperstack-icon,
.dsa-button-primary-small delete-icon,
.dsa-button-secondary-small delete-icon,
.dsa-button-primary-small chevron-icon,
.dsa-button-secondary-small chevron-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}

.dsa-button-primary,
.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button,
.dsa-button-primary-medium,
.dsa-button-primary-small {
  color: #FFFFFF;
  border: none;
  background: #F24E1E;
}

.ds-hover.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-hover,
.dsm-upgrade-info > button.ds-hover,
.ds-hover.dsa-button-primary-medium,
.ds-hover.dsa-button-primary-small,
.dsa-button-primary:hover,
.dsm-upgrade-info > div > button:hover,
.dsm-upgrade-info > button:hover,
.dsa-button-primary-medium:hover,
.dsa-button-primary-small:hover {
  background: #DB4519;
}

.ds-inactive.dsa-button-primary,
.dsm-upgrade-info > div > button.ds-inactive,
.dsm-upgrade-info > button.ds-inactive,
.ds-inactive.dsa-button-primary-medium,
.ds-inactive.dsa-button-primary-small {
  background: #FF6B40;
  cursor: default;
}

.dsa-button-secondary,
.dsa-button-secondary-medium,
.dsa-button-secondary-small {
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #222222;
}

.ds-hover.dsa-button-secondary,
.ds-hover.dsa-button-secondary-medium,
.ds-hover.dsa-button-secondary-small,
.dsa-button-secondary:hover,
.dsa-button-secondary-medium:hover,
.dsa-button-secondary-small:hover {
  color: #7B8595;
  border-color: #7B8595;
}

.dsa-text-button {
  background-color: #FFFFFF;
}

.dsa-text-button.ds-hover,
.dsa-text-button:hover {
  color: #7B8595;
}

.dsa-text-button-medium,
.dsa-text-button-transparent-medium {
  background-color: #FFFFFF;
}

.dsa-text-button-medium.ds-hover,
.ds-hover.dsa-text-button-transparent-medium,
.dsa-text-button-medium:hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-small,
.dsa-text-button-transparent-small {
  background-color: #FFFFFF;
}

.dsa-text-button-small.ds-hover,
.ds-hover.dsa-text-button-transparent-small,
.dsa-text-button-small:hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.dsa-text-button-transparent {
  cursor: pointer;
  padding: 12px 0;
  background-color: transparent;
}

.dsa-text-button-transparent.ds-hover,
.dsa-text-button-transparent:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-medium {
  cursor: pointer;
  padding: 8px 16px;
  background-color: transparent;
}

.dsa-text-button-transparent-medium.ds-hover,
.dsa-text-button-transparent-medium:hover {
  color: #7B8595;
}

.dsa-text-button-transparent-small {
  background-color: transparent;
}

.dsa-text-button-transparent-small.ds-hover,
.dsa-text-button-transparent-small:hover {
  color: #7B8595;
}

.ds-label-grey,
.ds-label-blue,
.ds-label-fir {
  border-radius: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-grey {
  background: #D9E8EE;
}

.ds-label-blue {
  color: #FFFFFF;
  background: #1B76F0;
  text-transform: initial;
}

.ds-label-fir {
  color: #FFFFFF;
  background: #255B67;
}

.ds-label-blue-small,
.ds-label-fir-small {
  border-radius: 32px;
  background: #D9E8EE;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

.ds-label-blue-small {
  background: #1B76F0;
  color: #FFFFFF;
}

.ds-label-fir-small {
  background: #255B67;
  color: #FFFFFF;
}

.dsa-line-1 {
  height: 1px;
  width: 100%;
  background-color: #CFCFCF;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dsa-radio-tab-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  -ms-flex-align: start;
      align-items: flex-start;
  border-radius: 32px;
  background: #DEE0E2;
}

.dsa-radio-tab,
.dsa-radio-tab-large {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.dsa-radio-tab.ds-active,
.ds-active.dsa-radio-tab-large {
  cursor: default;
  border-radius: 32px;
  background: #FFFFFF;
}

.dsa-radio-tab-large {
  padding: 4px 8px;
  height: 32px;
}

.dsa-toggle {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 48px;
  padding: 2px;
  height: 20px;
  border-radius: 48px;
  background-color: #DEE0E2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dsa-toggle.ds-active {
  background-color: #1B76F0;
}

.dsa-toggle.ds-active:before {
  left: 24px;
}

.dsa-toggle:before {
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  display: inline-block;
  position: absolute;
  content: ' ';
  left: 2px;
  top: 2px;
  width: 22px;
  height: 16px;
  border-radius: 48px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -1.18571px 0.59285px 2.37141px 0px rgba(0, 0, 0, 0.25);
}

.dsa-toggle input {
  opacity: 0;
}

.dsa-toggle.small {
  width: 34px;
  height: 16px;
}

.dsa-toggle.small:before {
  width: 16px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.small.ds-active:before {
  left: 16px;
}

.dsa-toggle.smaller {
  width: 24px;
  height: 12px;
}

.dsa-toggle.smaller:before {
  width: 10px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.dsa-toggle.smaller.ds-active:before {
  left: 12px;
}

.ds-gap-0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0px;
}

.ds-gap-2 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

.ds-gap-4 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-gap-6 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ds-gap-8 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-gap-10 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.ds-gap-12 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
}

.ds-gap-14 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

.ds-gap-16 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

.ds-gap-18 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
}

.ds-gap-20 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.ds-gap-22 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 22px;
}

.ds-gap-24 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
}

.ds-column {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ds-height-40 {
  height: 40px;
}

circle-icon,
link-icon,
text-icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

circle-icon + input,
link-icon + input,
text-icon + input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

circle-icon {
  border: 1px solid #222222;
  padding: 2px;
  border-radius: 320px;
  height: 21px;
  width: 21px;
}

link-icon {
  color: #222222;
  height: 14px;
  width: 14px;
}

text-icon {
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 2px;
}

text-icon > div:first-child {
  color: currentColor;
  height: 11px;
  width: 11.5px;
  font-size: 16px;
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

text-icon > div + div {
  height: 2px;
  width: 11.5px;
  background-color: currentColor;
}

flip-icon,
reset-icon,
rotate-icon,
zoom-in-icon,
zoom-out-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.dsa-remove {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
}

.dsa-remove remove-icon {
  cursor: pointer;
  padding: 16px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove.ds-stretch {
  border-radius: 16px;
  color: #919191;
  background: #EBF0F5;
}

.dsa-remove-small {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
}

.dsa-remove-small remove-icon {
  cursor: pointer;
  padding: 6px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  border-radius: 12px;
  color: #919191;
  background: #EBF0F5;
}

.ds-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.ds-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ds-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.ds-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-hidden {
  visibility: hidden;
}

.dsa-chip-selection {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px 4px;
}

.dsa-chip {
  background: #DEE0E2;
  border-radius: 15px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 4px;
}

.dsa-chip remove-icon {
  background: #CFCFCF;
  padding: 4px;
  height: 21px;
  width: 20px;
  border-radius: 11px;
}

.ds-chip-2 {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #C0CCD8;
}

.ds-chip-2 .ds-pointer {
  line-height: 0.5;
}

edit-icon,
delete-icon,
error-icon {
  width: 24px;
  height: 24px;
  line-height: 1;
  display: inline-block;
}

.ds-input-error {
  border-radius: 4px;
  border: 1px solid #F11B1B;
  background: rgba(241, 27, 27, 0.1);
}

.ds-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: #F11B1B;
}

.ds-dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

.ds-add-button-fir,
.ds-add-button-blue {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.ds-add-button-fir {
  color: #FFFFFF;
  background: #255B67;
  border-color: #9B9B9B;
}

.ds-add-button-fir:hover {
  background: #1F4952;
}

.ds-add-button-blue {
  color: #FFFFFF;
  background: #216AC0;
  border-color: #9B9B9B;
}

.ds-add-button-blue:hover {
  background: #144580;
}

.ds-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: #5796A3;
}

.ds-segment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(33, 106, 192, 0.5);
}

/* dsm-side-bar-link */

.dsm-side-bar-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
}

.dsm-side-bar-link:hover,
.dsm-side-bar-link.ds-active {
  background: #EBF0F5;
}

.ds-toggle-label {
  color: #3F424A;
}

.dsm-toggle-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input),
.ds-unit-input .ds-pure-input,
.dropdown .ds-dropdown-toggle.ds-pure-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  background: #FDFDFD;
  height: initial;
  width: initial;
}

.ds-formfield,
.ds-unit-input,
.ds-input-number,
.ds-input-text,
.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #CFCFCF;
  height: 40px;
}

.ds-unit-input,
.ds-input-number,
.ds-input-text {
  padding: 8px 16px;
  max-width: 500px;
}

.ds-unit-input:placeholder,
.ds-input-number:placeholder,
.ds-input-text:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-unit-input + .dropdown-menu > li > a,
.ds-input-number + .dropdown-menu > li > a,
.ds-input-text + .dropdown-menu > li > a {
  color: #919191;
}

.ds-unit-input + .dropdown-menu > .active > a,
.ds-input-number + .dropdown-menu > .active > a,
.ds-input-text + .dropdown-menu > .active > a {
  color: #222222;
  background-color: transparent;
}

.ds-unit-input.ds-inactive,
.ds-input-number.ds-inactive,
.ds-input-text.ds-inactive {
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
}

.ds-unit-input .ds-pure-input {
  width: 100px;
}

.ds-unit-input .dropdown {
  height: initial;
}

.ds-input-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  border: none;
  background: #FDFDFD;
  height: 40px;
  width: initial;
  max-width: 500px;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
}

.ds-input-wrapper > * {
  border: none;
}

.ds-input-wrapper > input {
  background-color: transparent;
}

.ds-input-wrapper .ds-input-text {
  height: 38px;
}

.ds-input-wrapper > chevron-down-icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.ds-input-wrapper.open > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

/* Dropdown Menu */

/* _dropdowns.scss contains some old CSS rules 
   styling the bootstrap classes dropdown, dropdown-menu etc.
   To overrule these old style rules, 
   we need to increase the weight of some our new rules */

.ds-dropdown-menu-item,
.ds-dropdown-menu-entry {
  white-space: nowrap;
  color: #222222;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 12px;
  cursor: pointer;
}

.ds-dropdown-menu-item:hover,
.ds-dropdown-menu-entry:hover {
  color: #F24E1E;
}

.ds-dropdown-menu-entry {
  color: #919191;
  cursor: default;
}

.ds-dropdown-menu-entry:hover {
  color: #919191;
}

.ds-dropdown-select {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  color: #222222;
  padding: 4px 0;
  white-space: nowrap;
  border-radius: 32px;
}

.ds-dropdown-select remove-icon {
  display: none;
  height: 12px;
  width: 12px;
}

.ds-dropdown-select > span {
  color: inherit;
}

.ds-dropdown-select.ds-disabled {
  cursor: default;
  color: #B0B0B0;
}

.ds-dropdown-select.ds-disabled:hover {
  color: #B0B0B0;
}

.ds-dropdown-select:hover {
  color: #F24E1E;
}

.ds-dropdown-select.ds-active {
  color: #FFFFFF;
  background: #F24E1E;
  padding: 4px 8px;
}

.ds-dropdown-select.ds-active remove-icon {
  display: inline-block;
}

.ds-dropdown-select.ds-active:hover {
  color: #FFFFFF;
  background-color: #DB4519;
}

.ds-dropdown-menu-label {
  cursor: default;
  padding: 8px 16px;
}

/* Dropdown Trigger Button */

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) {
  background: #FFFFFF;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: initial;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle:not(.ds-pure-input) chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.dropdown .ds-dropdown-toggle.ds-pure-input {
  min-width: initial;
  width: 100px;
  padding: 0;
  white-space: nowrap;
}

.dropdown .ds-dropdown-toggle.ds-pure-input chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.open > .ds-dropdown-toggle > chevron-down-icon {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: -180deg;
}

[uib-typeahead-popup].dropdown-menu,
.ds-dropdown-menu.ds-dropdown-menu {
  margin-top: 14px;
  border-radius: 8px;
  border: none;
  background: #FFFFFF;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div {
  margin: 0 24px 4px;
  white-space: nowrap;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:first-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:first-child {
  margin-top: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:last-child,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:last-child {
  margin-bottom: 8px;
}

[uib-typeahead-popup].dropdown-menu.ds-variant > div:not(.ds-dropdown-select),
.ds-dropdown-menu.ds-dropdown-menu.ds-variant > div:not(.ds-dropdown-select) {
  padding: 0;
}

[uib-typeahead-popup].dropdown-menu.ds-variant .ds-dropdown-select.ds-active,
.ds-dropdown-menu.ds-dropdown-menu.ds-variant .ds-dropdown-select.ds-active {
  margin-left: 16px;
}

.ds-dropdown-menu.ds-dropdown-menu {
  min-width: initial;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown .ds-dropdown-menu {
  display: none;
}

.dropdown.open .ds-dropdown-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ds-info-box,
.dsm-upgrade-info {
  display: -ms-flexbox;
  display: flex;
  max-width: 812px;
  padding: 16px;
  gap: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  border: 1px solid #F24E1E;
  background: #FFF4E1;
}

.dsm-upgrade-info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.dsm-upgrade-info > div > button,
.dsm-upgrade-info > button {
  white-space: nowrap;
}

.ds-snack-bar-wrapper {
  position: relative;
  overflow: hidden;
}

.ds-snack-bar-wrapper .ds-snack-bar.ds-active {
  top: calc(50% - 20px);
}

.ds-snack-bar-wrapper .ds-snack-bar check-mark-icon {
  height: 16px;
  width: 16px;
}

.ds-snack-green,
.ds-snack-bar > div,
.ds-snack-error,
.ds-snack-blue {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background: #FFFFFF;
  -webkit-box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -14px 32px 46px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.ds-snack-green,
.ds-snack-bar > div {
  border-left-color: #41CA77;
}

.ds-snack-error {
  border-left-color: #F11B1B;
}

.ds-snack-blue {
  border-left-color: #216AC0;
}

.ds-snack-bar {
  z-index: 10;
  position: absolute;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  top: -100px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-snack-bar.ds-active {
  top: 16px;
  opacity: 1;
}

.ds-snack-bar check-mark-icon {
  height: 24px;
  width: 24px;
  color: #41CA77;
  display: inline-block;
  line-height: 1;
}

.ds-snack-bar error-icon {
  height: 29px;
  width: 29px;
  color: #F11B1B;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dsm-section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.dsm-section-header .ds-taglabel {
  color: #7B8595;
}

.color-swap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.color-swap chevron-down-icon {
  width: 16px;
  height: 16px;
  -webkit-transition: rotate 0.4s;
  -o-transition: rotate 0.4s;
  transition: rotate 0.4s;
}

.input-dialog {
  cursor: default;
  color: #222222;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  width: 364px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 24px;
  border-radius: 16px;
  background: #FFF;
  /* dropshadow/pop-up */
  -webkit-box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 50px 100px 32px rgba(0, 0, 0, 0.25);
}

.input-dialog .input-field-small {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
}

.input-dialog .input-field-small > input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  border: 1px solid #CFCFCF;
  background: #FDFDFD;
}

/* option-item */

.dsm-option-item,
.dsm-option-item-2,
.dsm-option-item-3 {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
}

.dsm-option-item .ds-cta,
.dsm-option-item-2 .ds-cta,
.dsm-option-item-3 .ds-cta {
  visibility: hidden;
}

.ds-disabled.dsm-option-item,
.ds-disabled.dsm-option-item-2,
.ds-disabled.dsm-option-item-3 {
  cursor: default;
  opacity: 0.4;
}

.dsm-option-item:hover,
.dsm-option-item-2:hover,
.dsm-option-item-3:hover,
.ds-active.dsm-option-item,
.ds-active.dsm-option-item-2,
.ds-active.dsm-option-item-3 {
  background-color: #FFFFFF;
}

.dsm-option-item:hover .ds-cta,
.dsm-option-item-2:hover .ds-cta,
.dsm-option-item-3:hover .ds-cta,
.ds-active.dsm-option-item .ds-cta,
.ds-active.dsm-option-item-2 .ds-cta,
.ds-active.dsm-option-item-3 .ds-cta {
  visibility: inherit;
}

.dsm-option-item check-mark-icon,
.dsm-option-item-2 check-mark-icon,
.dsm-option-item-3 check-mark-icon {
  height: 16px;
  width: 16px;
  color: #D7DCE3;
  display: inline-block;
}

.dsm-option-item check-mark-icon.ds-active,
.dsm-option-item-2 check-mark-icon.ds-active,
.dsm-option-item-3 check-mark-icon.ds-active {
  color: #1B76F0;
}

.dsm-option-item > img,
.dsm-option-item-2 > img,
.dsm-option-item-3 > img {
  width: 32px;
  height: 32px;
}

.dsm-option-item {
  width: calc((100% - 48px) / 3);
  height: 159px;
}

.dsm-option-item.bigger {
  height: 178px;
}

.dsm-option-item-2 {
  width: calc((100% - 24px) / 2);
  cursor: pointer;
}

.dsm-option-item-2 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-2.ds-active .check-mark {
  color: #1B76F0;
}

.dsm-option-item-3 {
  width: calc((100% - 48px) / 3);
}

.dsm-option-item-3 .check-mark {
  color: #D7DCE3;
}

.dsm-option-item-3.ds-active .check-mark {
  color: #1B76F0;
}

.ds-cta {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.ds-selection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.ds-combi-input {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #FDFDFD;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  gap: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
}

.ds-combi-input input.dropdown-toggle {
  border: none;
  background: transparent;
  height: 100%;
  width: 150px;
  padding: 0;
}

.ds-combi-input input.dropdown-toggle:placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.ds-combi-input search-icon,
.ds-combi-input add-icon {
  width: 24px;
  height: 24px;
}

.ds-combi-input add-icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dsm-overview {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 32px;
  width: 1155px;
  gap: 79px;
  color: #222222;
  background-color: #FDFDFD;
}

.ds-overview-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 32px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.ds-pointer {
  cursor: pointer;
}

.dsa-settings-header {
  margin: 0 auto;
  width: 906px;
}

.dsa-settings-page {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 19px;
  margin: 19px auto 16px;
  height: calc(100% - 25px);
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  overflow: auto;
  scrollbar-width: thin;
}

.dsa-settings-page .settings-content {
  height: 100%;
  width: 906px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  gap: 19px;
}

.dsa-settings-page .settings-button-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 16px;
  -ms-flex-align: center;
      align-items: center;
}

.dsa-settings-page .settings-button-wrapper .dsa-text-button {
  margin-right: 12px;
}

.dsa-settings-page .sticky-container {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}

.dsa-settings-page .separator {
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #B0B0B0;
}

.dsa-settings {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-positive: 0;
      flex-grow: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 886px;
  padding: 29px 20px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 48px;
  border-radius: 12px;
  background: #FFFFFF;
}

.dsa-settings-bar {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-positive: 0;
      flex-grow: 0;
  width: 886px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 4px 4px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  border: 1px solid #E4E4E4;
  background: #FFFFFF;
}
/*# sourceMappingURL=../../apollo.map*/