body { font-size: 12px; }

/*! 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/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* 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;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{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{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;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;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{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{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("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.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:.3;-ms-filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
.daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; }

.daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; }

.daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; }

.daterangepicker.opensleft:before { right: 9px; }

.daterangepicker.opensleft:after { right: 10px; }

.daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; }

.daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; }

.daterangepicker.opensright:before { left: 9px; }

.daterangepicker.opensright:after { left: 10px; }

.daterangepicker.drop-up { margin-top: -7px; }

.daterangepicker.drop-up:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; }

.daterangepicker.drop-up:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; }

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar { float: none; }

.daterangepicker.single .drp-selected { display: none; }

.daterangepicker.show-calendar .drp-calendar { display: block; }

.daterangepicker.show-calendar .drp-buttons { display: block; }

.daterangepicker.auto-apply .drp-buttons { display: none; }

.daterangepicker .drp-calendar { display: none; max-width: 270px; }

.daterangepicker .drp-calendar.left { padding: 12px 0 0 8px; }

.daterangepicker .drp-calendar.right { padding: 12px 8px 0 8px; }

.daterangepicker .drp-calendar.single .calendar-table { border: none; }

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { color: #fff; border: solid black; border-width: 0 2px 2px 0; border-radius: 0; display: inline-block; padding: 3px; }

.daterangepicker .calendar-table .next span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.daterangepicker .calendar-table .prev span { transform: rotate(135deg); -webkit-transform: rotate(135deg); }

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td { white-space: nowrap; text-align: center; vertical-align: middle; min-width: 32px; width: 28px; height: 25px; line-height: 28px; font-size: 12px; border-radius: 50px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; }

.daterangepicker .calendar-table { border: 1px solid #fff; border-radius: 4px; background-color: #fff; }

.daterangepicker .calendar-table table { width: 100%; margin: 0; border-spacing: 2px; }

.daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #eee; border-color: transparent; color: inherit; }

.daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; }

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; }


.daterangepicker th.month { width: auto; }

.daterangepicker th.month select {	border-bottom: none;}

.daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; }

.daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; font-weight: 700; padding: 1px; height: auto; margin: 0; cursor: default; }

.daterangepicker select.monthselect { margin-right: 8%; width: 36%; }

.daterangepicker select.yearselect { width: 40%; }

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin: 0 auto; background: #eee; border: 1px solid #eee; padding: 2px; outline: 0; font-size: 12px; }

.daterangepicker .calendar-time { text-align: center; margin: 4px auto 0 auto; line-height: 30px; position: relative; }

.daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; }

.daterangepicker .drp-buttons { clear: both; text-align: right; padding: 8px; border-top: 1px solid #ddd; display: none; line-height: 12px; vertical-align: middle; }

.daterangepicker .drp-selected { display: inline-block; font-size: 12px; padding-right: 8px; }

.daterangepicker .drp-buttons .btn { margin-left: 8px; font-size: 12px; font-weight: bold; padding: 4px 8px; }

.daterangepicker.show-ranges .drp-calendar.left { border-left: 1px solid #ddd; }

.daterangepicker .ranges { float: none; text-align: left; margin: 0; }

.daterangepicker.show-calendar .ranges { margin-top: 0px; }

.daterangepicker .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; }

.daterangepicker .ranges li { font-size: 12px; padding: 8px 12px; cursor: pointer; }

.daterangepicker .ranges li:hover { background-color: #eee; }

.daterangepicker .ranges li.active { background-color: #08c; color: #fff; }

@media (max-width: 563px) {
	.daterangepicker .drp-selected { display: block; text-align: left; padding-bottom: 10px; }
	.daterangepicker .drp-calendar.left, .daterangepicker .drp-calendar.right, .daterangepicker .drp-buttons { background-color: #ffffff; margin: auto; border: 1px solid #cccccc; width: 270px; }
	.daterangepicker .drp-calendar.left, .daterangepicker .drp-calendar.right { border-bottom: none; padding: 5px 0 5px 0; }
	.daterangepicker .drp-buttons, .daterangepicker .drp-calendar.right { border-top: none; }

	/*custom styles*/
	.daterangepicker td.active, .daterangepicker td.active:hover { background-color: var(--sweetBlue); border-color: transparent; color: #fff; }
	.daterangepicker td.in-range { background-color: var(--sweetBlue-200); border-color: transparent; color: #000; border-radius: 50px; }
	.daterangepicker .calendar-table th { opacity: 0.9; font-weight: 600; font-family: "Open sans"; }
	.daterangepicker .drp-buttons .btn { margin-left: 8px; font-size: 12px; padding: 8px 14px; background: #fff; border: none; text-transform: uppercase; color: #1f6090; font-weight: 600; cursor: pointer; transition: 0.2s ease; border-radius: 2px; }
	.daterangepicker .drp-buttons .btn:hover { background: #eee; }
	.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin: 0 auto; background: #eee; border: 1px solid #eee; padding: 2px; outline: 0; font-size: 12px; border-radius: 2px; }
	.daterangepicker {  padding: 5px !important; top: 0 !IMPORTANT; left: 0 !IMPORTANT; overflow: scroll; box-shadow: none !important; width: 100% !important; height: 100%; margin: 0 !IMPORTANT; }
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
	.daterangepicker { width: auto; }
	.daterangepicker .ranges ul { width: 140px; }
	.daterangepicker.single .ranges ul { width: 100%; }
	.daterangepicker.single .drp-calendar.left { clear: none; }
	.daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .drp-calendar { float: left; }
	.daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .drp-calendar { float: right; }
	.daterangepicker.ltr { direction: ltr; text-align: left; }
	.daterangepicker.ltr .drp-calendar.left { clear: left; margin-right: 0; }
	.daterangepicker.ltr .drp-calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }
	.daterangepicker.ltr .drp-calendar.right { margin-left: 0; }
	.daterangepicker.ltr .drp-calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; }
	.daterangepicker.ltr .drp-calendar.left .calendar-table { padding-right: 8px; }
	.daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar { float: left; }
	.daterangepicker.rtl { direction: rtl; text-align: right; }
	.daterangepicker.rtl .drp-calendar.left { clear: right; margin-left: 0; }
	.daterangepicker.rtl .drp-calendar.left .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; }
	.daterangepicker.rtl .drp-calendar.right { margin-right: 0; }
	.daterangepicker.rtl .drp-calendar.right .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }
	.daterangepicker.rtl .drp-calendar.left .calendar-table { padding-left: 12px; }
	.daterangepicker.rtl .ranges, .daterangepicker.rtl .drp-calendar { text-align: right; float: right; }
}

@media (min-width: 730px) {
	.daterangepicker .ranges { width: auto; }
	.daterangepicker.ltr .ranges { float: left; }
	.daterangepicker.rtl .ranges { float: right; }
	.daterangepicker .drp-calendar.left { clear: none !important; }
}

/*custom styles*/

.daterangepicker * {
	font-family: 'Poppins', sans-serif;
}
.daterangepicker td.in-range {
	background-color: var(--sweetBlue-200);
	border-color: transparent;
	color: #000;
	border-radius: 50px;
}
.daterangepicker td.active, .daterangepicker td.active:hover:not(.disabled) {
	background-color: var(--sweetBlue);
	border-color: transparent;
	color: #fff;
}
.daterangepicker td.in-range.start-date:not(.disabled), .daterangepicker td.in-range.end-date:not(.disabled) {
	background-color: var(--sweetBlue);
	color: #fff
}
.daterangepicker .today {
	background-color: #fff;
	color: var(--sweetBlue);
	font-weight: 700;
}

.daterangepicker td.available:hover { background-color: var(--sweetBlue); border-color: transparent; color: #fff !important; }
.daterangepicker th.available:hover {
	background-color: #eee;
	border-color: transparent;
}
.daterangepicker td.disabled {
	color: #C3C6D1;
	cursor: auto;
	text-decoration: none;
}
.daterangepicker .calendar-table th {
	font-weight: 500;
	text-transform: capitalize;
}
.daterangepicker .calendar-table thead tr:not(:first-child) {
	color: #B0B4C3;
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
	font-size: 14px;
	text-transform: capitalize;
}
.daterangepicker .drp-buttons {
	border-top: none;
}
.daterangepicker .drp-buttons .btn {
	margin-left: 16px;
	font-size: 12px;
	min-width: 0;
	padding: 8px 10px;
	background: #fff;
	border: none;
	text-transform: none;
	color: #1f6090;
	font-weight: 500;
	cursor: pointer;
	transition: 0.2s ease;
	border-radius: 50px;
	box-shadow: none;
}
.daterangepicker .drp-buttons .btn:hover {
	background: #eee;
}
.daterangepicker .drp-buttons .applyBtn {
	background-color: var(--sweetBlue);
	color: #fff;
}
.daterangepicker .drp-buttons .applyBtn:hover {
	background: #7E89EA !important;
	box-shadow: 0px 0px 5px 0px rgba(126, 137, 234, 0.50);
}
.daterangepicker .drp-buttons .cancelBtn {
	color: var(--textDarkBlue);
	border-bottom: 1px solid var(--textDarkBlue);
	border-radius: 0;
	padding: 0px;
	font-weight: 600;
}
	.daterangepicker .drp-buttons .cancelBtn:hover {
		color: #3F4D59;
		border-bottom: 1px solid #3F4D59;
		background: #fff;
	}
.daterangepicker .drp-selected {
	background-color: var(--sweetBlue-100);
	border-radius: 8px;
	padding: 8px;
}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
	width: 45px;
	margin: 0 auto;
	background: #eee;
	border: 1px solid #eee;
	padding: 2px;
	outline: 0;
	font-size: 12px;
	text-align: center;
	border-radius: 2px;
}

.daterangepicker {
	position: absolute;
	color: inherit;
	background-color: #fff;
	border-radius: 20px;
	border: 0px solid #ddd;
	max-width: none;
	padding: 0;
	margin-top: 7px;
	top: 100px;
	left: 20px;
	z-index: 3001;
	display: none;
	font-family: arial;
	font-size: 15px;
	line-height: 1em;
	box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.10);
}

	.daterangepicker select.hourselect, 
	.daterangepicker select.minuteselect {
		border-radius: 5px;
	}

.ui-widget-content { box-shadow: 0 1px 6px 0 rgba(0,0,0,.30); background: #ffffff !important; color: #222222; }
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-radius: 6px; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: 600; text-transform: uppercase; font-size: 11px; background: #fff; border: none; box-shadow: 0 1px 6px 0 rgba(0,0,0,.30); }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background: #5C6AE6 !important;
	color: #fff;
}
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: 6px 7px; text-align: right; text-decoration: none; }
.ui-widget-header { border: 0px !important; border-radius: 0px !important; font-weight: 600; }
.ui-widget { font-family: Open Sans, Verdana,Arial,sans-serif; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Open Sans, Verdana,Arial,sans-serif; }
.ui-datepicker select { cursor: pointer; }

.ui-datepicker { border: 0px !important; padding: 0px !important; }
.ui-datepicker { width: 19em; padding: .2em .2em 0; display: none; }
.ui-state-default { text-align: center !important; }

.ui-datepicker td a.ui-state-default { background: transparent; border: 0px; }

.ui-datepicker .ui-datepicker-title select { height: 30px; }

a.ui-datepicker-next span, a.ui-datepicker-prev span { display: none !important; }

a.ui-datepicker-next, a.ui-datepicker-next-hover, a.ui-datepicker-prev, a.ui-datepicker-prev-hover { background-image: none !important; background: transparent !important; border: 0px !important; display: block; font-size: 16px; width: 16px !important; height: 16px !important; line-height: 21px !important; font-family: "simple-line-icons", "untitled-font-6"; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: 8px !important; right: 2px !important; }

a.ui-datepicker-prev { left: 2px !important; }

a.ui-state-hover { border-radius: 2px; }

a.ui-datepicker-next:before, a.ui-datepicker-prev:before { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

a.ui-datepicker-next:before { content: '\e606'; }
a.ui-datepicker-prev:before { content: '\e605'; }

.ui-timepicker-select { background: transparent !important; border: 0px solid !important; border-bottom: 1px solid !important; border-radius: 0px; margin-right: 5px; }
.ui-timepicker-oneLine { margin-right: 5px; }
.ui_tpicker_time_label { margin-top: 5px; }

td.ui-datepicker-week-col {
	font-weight: 600;
	opacity: 0.8;
	padding-left: 5px;
	color: #C3C6D1 !important
}

.select.ui-datepicker-month { width: 40px !important; }
select.ui-datepicker-month, select.ui-datepicker-year { background-color: transparent !important; border: 0px !important; font-size: 14px !important; }
select.ui-datepicker-month option, select.ui-datepicker-year option { color: #000000; font-size: 12px; }

.ui-datepicker-buttonpane button { margin: 5px !important; }


.ui-datepicker td a { border-radius: 40px !important; }

.ui-datepicker td a.ui-state-hover, .ui-datepicker td a.ui-state-focus { background: #eee !important; color: initial !important; }

.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: 600;
	border: 0;
	opacity: 0.8;
	color: #C3C6D1 !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { font-weight: 700; }

.ui-datepicker-header { background: #1f6090 !important; color: #fff !important; border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; }


.ui-datepicker .ui-datepicker-buttonpane button { background: #ffffff; border: none !important; cursor: pointer !important; -webkit-appearance: none; -webkit-border-radius: 0px; font-weight: 600; padding-top: 6px; padding-bottom: 7px; padding-left: 7px; padding-right: 7px; text-transform: uppercase; border-radius: 2px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; box-shadow: 0 1px 6px 0 rgba(0,0,0,.30); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

button.ui-state-hover { background: transparent !important; opacity: 0.7 !important;}


.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
	box-shadow: none;
	background: rgba(31,96,144,0.2) !important;
}

a.ui-slider-handle.ui-state-default.ui-corner-all { border-radius: 50px; border: none; background: #1f6090; top: -3px; }

.ui_tpicker_time_label { margin-top: 5px; font-weight: 600; }

dt.ui_tpicker_hour_label { font-weight: 600; }

dt.ui_tpicker_minute_label { font-weight: 600; }

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 0px #555; width: 95%; margin-top: 4px; }

a.ui-slider-handle.ui-state-default.ui-corner-all.ui-state-active { background: rgba(31,96,144,0.99) !important; width: 1.3em; height: 1.3em; box-shadow: 0 0px 4px rgba(0,0,0,0.12), 0 1px 4px 0 rgba(0,0,0,0.24); }

/* datetimepicker*/
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }

/* end datetimepicker */
/* @font-face { font-family: 'simple-line-icons'; src: url('../fonts/Simple-Line-Icons.eot?v=2.3.1'); src: url('../fonts/Simple-Line-Icons.eot?v=2.3.1#iefix') format('embedded-opentype'), url('../fonts/Simple-Line-Icons.woff2?v=2.3.1') format('woff2'), url('../fonts/Simple-Line-Icons.woff?v=2.3.1') format('woff'), url('../fonts/Simple-Line-Icons.ttf?v=2.3.1') format('truetype'), url('../fonts/Simple-Line-Icons.svg?v=2.3.1#simple-line-icons') format('svg'); font-weight: normal; font-style: normal; } */
@font-face {
    font-family: 'simple-line-icons';
    src: url('../fonts/Simple-Line-Icons.eot');
    src: url('../fonts/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'), url('../fonts/Simple-Line-Icons.woff2') format('woff2'), url('../fonts/Simple-Line-Icons.woff') format('woff'), url('../fonts/Simple-Line-Icons.ttf') format('truetype'), url('../fonts/Simple-Line-Icons.svg?#simple-line-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'untitled-font-6';
    src: url('../fonts/untitled-font-6.eot');
    src: url('../fonts/untitled-font-6.eot?#iefix') format('embedded-opentype'), url('../fonts/untitled-font-6.woff') format('woff'), url('../fonts/untitled-font-6.ttf') format('truetype'), url('../fonts/untitled-font-6.svg#untitled-font-6') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class*="icon-"]:not([class*="mi-"])::before {
	background-size: 24px;
    font-family: "simple-line-icons", "untitled-font-6";
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dialog-title-bar .dialog-close.icon::before,
.ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon,
.ui-button-icon.ui-icon.ui-icon-closethick,
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable button .ui-button-icon.ui-icon.ui-icon-closethick {
	content: "";
	display: inline-block;
	height: 30px;
	width: 30px;
	font-family: none;
	background-image: url(../Images/Phosphor_icons/X.svg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
	.dialog-title-bar .dialog-close.icon:hover::before,
	.ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon:hover,
	.ui-button-icon.ui-icon.ui-icon-closethick:hover,
	.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable button .ui-button-icon.ui-icon.ui-icon-closethick:hover {
	   opacity: 0.7;
	}


.ui-dialog-titlebar > .ui-dialog-titlebar-close {
	right: 13px;
	top: 18px;
}

.SurveyAdminContainer + .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable .ui-dialog-titlebar .ui-dialog-titlebar-close {
	right: 5px;
	top: 15px;
}


.SurveyAdminContainer + .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable > .ui-dialog-titlebar .ui-button-icon.ui-icon.ui-icon-closethick {
	background-size: 100%;
	height: 20px;
	width: 20px;
}
	.icon.attach-overlay:after {
	font-family: "simple-line-icons";
	content: '\e093';
	margin-top: 3px;
	background-color: #ffffff;
	font-size: 8px;
	width: 10px;
	height: 10px;
	line-height: 10px;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
	position: absolute;
	margin-left: -6px;
}

.icon:hover.attach-overlay:after {
    background-color: #eeeeee
}

[class^="icon-untitled-"]:before,
[class*=" icon-untitled-"]:before {
    font-family: "untitled-font-6" !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;
}
[data-icon]:before {
    font-family: "untitled-font-6" !important;
    content: attr(data-icon);
    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;
}

.icon, .icon::before, .icon.medium, .icon.medium::before {
	background-size: 36px;
	font-size: 36px;
	width: 36px;
	height: 36px;
}

	.icon.xlarge, .icon.xlarge::before {
		background-size: 52px;
		font-size: 52px;
		width: 52px;
		height: 52px;
	}

	.icon.large, .icon.large::before {
		background-size: 42px;
		font-size: 42px;
		width: 42px;
		height: 42px;
	}

	.icon.small, .icon.small::before {
		background-size: 24px;
		font-size: 24px;
		width: 24px;
		height: 24px;
	}

	.icon.invert {
		filter: invert(1);
	}

	.icon.smaller, .icon.smaller::before {
		background-size: 18px;
		font-size: 18px;
		width: 18px;
		height: 18px;
	}

.icon.xsmall, .icon.xsmall::before {
	background-size: 14px;
    font-size: 14px;
    width: 14px;
    height: 14px;
}

	.icon.xxsmall, .icon.xxsmall::before {
		background-size: 7px;
		font-size: 7px;
		width: 7px;
		height: 7px;
	}

		.icon, .icon::before, .icon.medium, .icon.medium::before,
		.icon.xlarge, .icon.xlarge::before,
		.icon.large, .icon.large::before,
		.icon.small, .icon.small::before,
		.icon.smaller, .icon.smaller::before,
		.icon.xsmall, .icon.xsmall::before,
		.icon.xxsmall, .icon.xxsmall::before {
			outline: 1px solid transparent;
			outline-offset: 5px;
			background-position: center;
			background-repeat: no-repeat;
			display: inline-flex;
			align-items: center;
			justify-content: center;
		}

/* standard icon classes */
/* simple-line-icons */
.icon-people:before{content:"\e001"}
.icon-user-female:before{content:"\e000"}
.icon-user-follow:before{content:"\e002"}
.icon-user-following:before{content:"\e003"}
.icon-user-unfollow:before{content:"\e004"}
.icon-login:before{content:"\e066"}
.icon-logout:before{content:"\e065"}
.icon-emotsmile:before{content:"\e021"}
.icon-call-end:before{content:"\e048"}
.icon-call-in:before{content:"\e047"}
.icon-call-out:before{content:"\e046"}
.icon-location-pin:before{content:"\e096"}
.icon-direction:before{content:"\e042"}
.icon-directions:before{content:"\e041"}
.icon-compass:before{content:"\e045"}
.icon-layers:before{content:"\e034"}
.icon-menu:before{content:"\e601"}
.icon-options-vertical:before{content:"\e602"}
.icon-options:before{content:"\e603"}
.icon-arrow-up-circle:before{content:"\e078"}
.icon-arrow-left-circle:before{content:"\e07a"}
.icon-arrow-right-circle:before{content:"\e079"}
.icon-arrow-down-circle:before{content:"\e07b"}
.icon-exclamation:before{content:"\e617"}
.icon-trophy:before{content:"\e006"}
.icon-screen-smartphone:before{content:"\e010"}
.icon-screen-desktop:before{content:"\e011"}
.icon-plane:before{content:"\e012"}
.icon-notebook:before{content:""; background-image: url(../Images/Phosphor_icons/notepad-thin.svg);}
.icon-mustache:before{content:"\e014"}
.icon-mouse:before{content:"\e015"}
.icon-magnet:before{content:"\e016"}
.icon-energy:before{content:"\e020"}
.icon-disc:before{content:"\e022"}
.icon-cursor:before{content:"\e06e"}
.icon-cursor-move:before{content:"\e023"}
.icon-crop:before{content:"\e024"}
.icon-chemistry:before{content:"\e026"}
.icon-speedometer:before{content:"\e007"}
.icon-shield:before{content:"\e00e"}
.icon-screen-tablet:before{content:"\e00f"}
.icon-magic-wand:before{content:"\e017"}
.icon-hourglass:before{content:"\e018"}
.icon-graduation:before{content:"\e019"}
.icon-ghost:before{content:"\e01a"}
.icon-game-controller:before{content:"\e01b"}
.icon-fire:before{content:"\e01c"}
.icon-eyeglass:before{content:"\e01d"}
.icon-envelope-open:before{content:"\e01e"}
.icon-envelope-letter:before{content:"\e01f"}
.icon-bell:before{content:"\e027"}
.icon-badge:before{content:"\e028"}
.icon-anchor:before{content:"\e029"}
.icon-wallet:before{content:"\e02a"}
.icon-vector:before{content:"\e02b"}
.icon-speech:before{content:"\e02c"}
.icon-puzzle:before{content:"\e02d"}
.icon-printer:before{content:"\e02e"}
.icon-present:before{content:"\e02f"}
.icon-playlist:before{content:"\e030"}
.icon-pin:before{content:"\e031"}
.icon-picture:before{content:"\e032"}
.icon-handbag:before{content:"\e035"}
.icon-globe-alt:before{content:"\e036"}
.icon-globe:before{content:"\e037"}
.icon-folder-alt:before{content:"\e039"}
.icon-folder:before{content:"\e089"}
.icon-film:before{content:"\e03a"}
.icon-drop:before{content:"\e03e"}
.icon-drawer:before{content:"\e03f"}
.icon-docs:before{content:""; background-image: url(../Images/Phosphor_icons/CopySimple_thin.svg)}
.icon-doc:before{content:"\e085"}
.icon-diamond:before{content:"\e043"}
.icon-cup:before{content:"\e044"}
.icon-calculator:before{content:"\e049"}
.icon-bubbles:before{content:"\e04a"}
.icon-briefcase:before{content:"\e04b"}
.icon-book-open:before{content:"\e04c"}
.icon-basket-loaded:before{content:"\e04d"}
.icon-basket:before{content:"\e04e"}
.icon-bag:before{content:"\e04f"}
.icon-action-undo:before{content:"\e050"}
.icon-action-redo:before{content:"\e051"}
.icon-wrench:before{content:"\e052"}
.icon-umbrella:before{content:"\e053"}
.icon-trash:before{content:"\e054"}
.icon-support:before{content:"\e056"}
.icon-frame:before{content:"\e038"}
.icon-size-fullscreen:before{content:"\e057"}
.icon-size-actual:before{content:"\e058"}
.icon-shuffle:before{content:"\e059"}
.icon-share-alt:before{content:"\e05a"}
.icon-share:before{content:"\e05b"}
.icon-rocket:before{content:"\e05c"}
.icon-question:before{content:"\e05d"}
.icon-pie-chart:before{content:"\e05e"}
.icon-open-url:before { content: "\e89e" }
.icon-pencil:before{content:"\e05f"}.icon-note:before{content:"\e060"}.icon-loop:before{content:"\e064"}.icon-home:before{content:"\e069"}.icon-grid:before{content:"\e06a"}.icon-graph:before{content:"\e06b"}.icon-microphone:before{content:"\e063"}.icon-music-tone-alt:before{content:"\e061"}.icon-music-tone:before{content:"\e062"}.icon-earphones-alt:before{content:"\e03c"}.icon-earphones:before{content:"\e03d"}.icon-equalizer:before{content:"\e06c"}.icon-dislike:before{content:"\e06d"}.icon-control-start:before{content:"\e06f"}.icon-control-rewind:before{content:"\e070"}.icon-control-play:before{content:"\e071"}.icon-control-pause:before{content:"\e072"}.icon-control-forward:before{content:"\e073"}.icon-control-end:before{content:"\e074"}.icon-volume-1:before{content:"\e09f"}.icon-volume-2:before{content:"\e0a0"}.icon-volume-off:before{content:"\e0a1"}.icon-bulb:before{content:"\e076"}.icon-chart:before{content:"\e077"}.icon-ban:before{content:"\e07c"}.icon-bubble:before{content:"\e07d"}.icon-camrecorder:before{content:"\e07e"}.icon-camera:before{content:"\e07f"}.icon-cloud-download:before{content:"\e083"}.icon-cloud-upload:before{content:"\e084"}.icon-envelope:before{content:"\e086"}.icon-eye:before{content:"\e087"}.icon-flag:before{content:"\e088"}.icon-heart:before{content:"\e08a"}.icon-key:before{content:"\e08c"}.icon-link:before{content:"\e08d"}.icon-lock:before{content:"\e08e"}.icon-lock-open:before{content:"\e08f"}.icon-magnifier:before{content:"\e090"}.icon-magnifier-add:before{content:"\e091"}.icon-magnifier-remove:before{content:"\e092"}.icon-paper-clip:before{content:"\e093"}.icon-paper-plane:before{content:"\e094"}.icon-power:before{content:"\e097"}.icon-refresh:before{content:"\e098"}.icon-reload:before{content:"\e099"}.icon-star:before{content:"\e09b"}.icon-symbol-female:before{content:"\e09c"}.icon-symbol-male:before{content:"\e09d"}.icon-target:before{content:"\e09e"}.icon-credit-card:before{content:"\e025"}.icon-paypal:before{content:"\e608"}.icon-social-tumblr:before{content:"\e00a"}.icon-social-twitter:before{content:"\e009"}.icon-social-facebook:before{content:"\e00b"}.icon-social-instagram:before{content:"\e609"}.icon-social-linkedin:before{content:"\e60a"}.icon-social-pinterest:before{content:"\e60b"}.icon-social-github:before{content:"\e60c"}.icon-social-google:before{content:"\e60d"}.icon-social-reddit:before{content:"\e60e"}.icon-social-skype:before{content:"\e60f"}.icon-social-dribbble:before{content:"\e00d"}.icon-social-behance:before{content:"\e610"}.icon-social-foursqare:before{content:"\e611"}.icon-social-soundcloud:before{content:"\e612"}.icon-social-spotify:before{content:"\e613"}.icon-social-stumbleupon:before{content:"\e614"}.icon-social-youtube:before{content:"\e008"}.icon-social-dropbox:before{content:"\e00c"}.icon-social-vkontakte:before{content:"\e618"}.icon-social-steam:before{content:"\e620"}


/* custom icons */
.icon-company:before {
  content: "\aaa";
}
.icon-contact:before {
  content: "\aab";
}
.icon-file:before {
  content: "\aac";
}
.icon-follower:before {
	content: "";
	background-image: url(../Images/Phosphor_icons/Eye.svg);
}
.icon-form-done:before {
  content: "\aae";
}
.icon-more:before {
  content: "\aaf";
}
.icon-phone:before {
  content: "\aa";
}
.icon-user:before {
  content: "\aba";
}
.icon-clock-arrow:before {
  content: "\abe";
}
.icon-time:before,
.icon-time-report:before {
	content: "";
	background-image: url(../Images/Phosphor_icons/ClockClockwise.svg);
}
.icon-check:before {
  content: "\ab";
}
.icon-interface:before {
  content: "\acc";
}
.icon-excel:before {
  content: "";
  background-image: url(../Images/Phosphor_icons/excel_thin.svg);
}
.icon-event-3:before {
  content: "\acf";
}
.icon-mailing:before {
  content: "\ac";
}
.icon-tm:before {
  content: "\ada";
}
.icon-marketing:before {
  content: "\adb";
}
.icon-funnel-ver1:before {
  content: "\adc";
}
.icon-gears:before {
  content: "\ade";
}
.icon-database-file:before {
  content: "\adf";
}
.icon-database-excel:before {
  content: "\aea";
}
.icon-database-gear:before {
  content: "\aeb";
}
.icon-database-plus:before {
  content: "\aec";
}
.icon-database-sql:before {
  content: "\aee";
}
.icon-split:before {
  content: "\aef";
}
.icon-ear:before {
  content: "\ae";
}
.icon-database:before {
  content: "\afc";
}
.icon-marketingproject:before {
  content: "";
  background-image: url(../Images/Phosphor_icons/Megaphone.svg);
}
.icon-registration:before {
	content: ""; background-image: url(../Images/Phosphor_icons/Pen.svg);
	
}
.icon-registration-activity:before {
  content: "\af";
}
.icon-publication-activity:before {
  content: "\aff";
}
.icon-dot:before {
  content: "\baa";
}
.icon-circle:before {
  content: "\bab";
}
.icon-exchange:before {
  content: "\bac";
}
.icon-outlook:before {
	content: "";
	background-image: url(../Images/Phosphor_icons/microsoft-outlook-logo-thin.svg);
}
.icon-outlook.active:before {
	background-image: url(../Images/Phosphor_icons/MicrosoftOutlookLogo_white.svg);
}
.icon-assign:before {
  content: "\bae";
}
.icon-car:before {
  content: "\baf";
}
.icon-truck:before {
  content: "\ba";
}
.icon-truck-2:before {
  content: "\caa";
}
.icon-allabolag:before {
  content: "";
  background-image: url(../Images/Phosphor_icons/allabolag-icon.svg);
}
.icon-calendar-user:before {
  content: "\cac";
}
.icon-funnel-erase:before {
  content: "\cad";
}
.icon-mail-out:before {
  content: "\cae";
}
.icon-mail-in:before {
  content: "\caf";
}
.icon-funnel-erase-2:before {
  content: "\ca";
}
.icon-prio3:before {
  content: "\cb";
}
.icon-a3:before {
  content: "\ffc";
}
.icon-prio1:before {
  content: "\cd";
}
.icon-o2:before {
  content: "\ffd";
}
.icon-a2:before {
  content: "\dde";
}
.icon-prio2:before {
  content: "\cc";
}
.icon-a:before {
  content: "\faa";
}
.icon-b:before {
  content: "\fab";
}
.icon-c:before {
  content: "\fac";
}
.icon-d:before {
  content: "\fad";
}
.icon-dollar:before {
  content: "\ffe";
}
.icon-dollar2:before {
  content: "\ce";
}
.icon-m:before {
  content: "\fa";
}
.icon-f:before {
  content: "\faf";
}
.icon-g:before {
  content: "\fb";
}
.icon-h:before {
  content: "\fca";
}
.icon-i:before {
  content: "\fcb";
}
.icon-info:before {
	content: ""; background-image: url(../Images/Phosphor_icons/Info.svg);
	
}
.icon-j:before {
  content: "\fcd";
}
.icon-k:before {
  content: "\fce";
}
.icon-l:before {
  content: "\fcf";
}
.icon-q:before {
  content: "\fc";
}
.icon-r:before {
  content: "\fda";
}
.icon-s:before {
  content: "\fdb";
}
.icon-t:before {
  content: "\fdc";
}
.icon-u:before {
  content: "\fdd";
}
.icon-v:before {
  content: "\fde";
}
.icon-w:before {
  content: "\fd";
}
.icon-x:before {
  content: "\fea";
}
.icon-y:before {
  content: "\feb";
}
.icon-z:before {
  content: "\fec";
}
.icon-code:before {
  content: "\fed";
}
.icon-n:before {
  content: "\fee";
}
.icon-o:before {
  content: "\fef";
}
.icon-funnel-erase-3:before {
  content: "\fe";
}
.icon-p:before {
  content: "\ffa";
}
.icon-e:before {
  content: "\ffb";
}
.icon-factory:before {
  content: "\df";
}
.icon-calendar-circle:before {
  content: "\eee";
}
.icon-syncexhange:before {
  content: "\eeb";
}
.icon-syncexhange5:before {
  content: "\eec";
}
.icon-close1:before {
  content: "\eef";
}
.icon-bcc:before {
  content: "\ee";
}
.icon-cc:before {
  content: "\da";
}
.icon-to:before {
  content: "\db";
}
.icon-target-group:before {
  content: "\de";
}
.icon-icon-target-group:before {
  content: "\def";
}
.icon-manual:before {
  content: "\dfb";
}
.icon-to-left:before {
  content: "\dd";
}
.icon-to-right:before {
  content: "\ea";
}
.icon-eye-closed:before {
  content: "\eb";
}
.icon-union-1:before {
  content: "\eeec";
}
.icon-serviceapporintment:before {
  content: "\ec";
}
.icon-concrete-pump:before {
  content: "\fe18";
}
.icon-concrete:before {
  content: "\fe17";
}
.icon-engine:before {
  content: "\fe13";
}
.icon-loader-truck-big:before {
  content: "\fe14";
}
.icon-motor-grader:before {
  content: "\fe15";
}
.icon-backhoe-loader:before {
  content: "\fe12";
}
.icon-asphalt-compactor2:before {
  content: "\fe10";
}
.icon-skidsteer:before {
  content: "\fe11";
}
.icon-asphalt-compactor:before {
  content: "\fe6";
}
.icon-asphalt-paver:before {
  content: "\fe7";
}
.icon-excavator-compact:before {
  content: "\fe8";
}
.icon-excavator-wheeled:before {
  content: "\fe9";
}
.icon-crane2:before {
  content: "\fe1";
}
.icon-dumper2:before {
  content: "\fe2";
}
.icon-excavator2:before {
  content: "\fe3";
}
.icon-loader-truck2:before {
  content: "\fe4";
}
.icon-tipptruck2:before {
  content: "\fe5";
}
/* ------------------ */

.icon.white { color: #ffffff; }
.icon.grey { color: #334146; }
.icon.light-green { color: #B1E764 !important; }
.icon.inactive { color: #cccccc; }

.icon-appointment:before {
    content: '\e075';
}
.icon-task:before, .icon-form:before, .icon-survey:before {
    content: '\e060';
}
.icon-bar-chart:before {
    content: '\e077';
}

.icon-calendar:before {
    content: '\e075';
}

.icon-case:before {
    content: '\e04a';
}

.icon-clock:before {
    content: '\e081';
}

.icon-deal:before {
    content: '\e04b';
}

.icon-plus:before {
    content: '\e095';
}

.icon-minus:before {
    content: "\e615";
}

.icon-private-person:before {
    content: '\e005';
}

.icon-user-group:before {
    content: '\e001';
}

.icon-project:before {
    content: '\e039';
}

.icon-settings:before {
	content: '';
	background-image: url(../Images/Phosphor_icons/Gear.svg);
}

.icon-feed:before {
    content: '';
	background-image: url(../Images/Phosphor_icons/ChatText_peach.svg);
}

.icon-chat:before {
    content: '\e02c';
}

.icon-attendance:before {
    content: '\abe';
}

.icon-corporate-person:before {
    content: '\aab';
}

.icon-notification:before {
    content: '\e027';
}

.icon-refresh:before {
    content: '\e099';
}

.icon-back:before {
    content: '\e605';
}

.icon-list:before {
    content: '\e067';
}

.icon-menubutton:before {
    content: '\e601';
}

.icon-configuration:before {
    content: '\e052';
}

.icon-like:before {
    content: '\e068';
}

.icon-comment:before {
	content: '';
	background-image: url(../Images/Phosphor_icons/ChatCircle.svg);
}

.icon-delete:before { content: ''; background-image: url(../Images/Phosphor_icons/Trash_thin.svg);}


.icon-marketingplan:before {
	content: '';
	background-image: url(../Images/Phosphor_icons/Crosshair.svg);
}

.icon-arrow-left:before {
    content: '\e605';
}

.icon-arrow-right:before {
    content: "\e606";
}

.icon-arrow-down:before { content: '\e604'; }
.icon-arrow-up:before { content: '\e607'; }
.icon-telemarketing:before {
	content: '';
	background-image: url(../Images/Phosphor_icons/Headset.svg);
}
.icon-processlist-item:before {
	content: '';
	background-image: url(../Images/Phosphor_icons/UserFocus.svg);
}
.icon-distribution:before {
	content: '';
	background-image: url(../Images/Phosphor_icons/PaperPlaneTilt_thin.svg);
}
.icon-publication:before {
	content: '';
	background-image: url(../Images/Phosphor_icons/Notebook.svg);
}
.icon-event:before { 
	content: '';
	background-image: url(../Images/Phosphor_icons/CalendarStarThin.svg);
}
.icon-tag:before { content: '\e055'; }
.icon-close:before { content: '\e082'; }
.icon-dialog-close:before { content: '\eef'; }
.icon-funnel:before {
    content: '\adc';
}
.icon-dots-horisontal:before {
    content: '\e603';
}

.icon-dots-vertical:before {
	content: '';
	background-image: url(../Images/Phosphor_icons/DotsThreeVertical_24x24.svg);
    
}

.icon-pen:before {
    content: '\e05f';
}
.icon-smile:before {
    content: '\e021';
}
.icon-checkin:before {
	content: '';
	background-image: url(../Images/Phosphor_icons/ClockCounterClockwise_thin.svg);
}

.icon-reply:before {
	content: '';
	background-image: url(../Images/Phosphor_icons/ArrowBendUpLeft.svg);
}
.icon-reply.active:before {
	content: '';
	background-image: url(../Images/Phosphor_icons/ArrowBendUpLeft_white.svg);
}

.icon-tags:before {
    content: '\e055';
}

.icon-call:before {
    content: '\aa';
}
.icon-recipient-to:before { content: '\db'; }
.icon-recipient-cc:before { content: '\da'; }
.icon-recipient-bcc:before { content: '\ee'; }

.icon-email:before {
    content: '\e086';
}

.icon-email-outgoing:before {
	content: '';
	background-image: url('../Images/Phosphor_icons/MailOutgoing_peach.svg');
}

.block.icon-email-outgoing:before {
	content: '';
	background-image: url('../Images/Phosphor_icons/MailOutgoing_thin.svg');
}

.icon-email-draft:before {
	content: '';
	background-image: url('../Images/Phosphor_icons/EnvelopeOpen.svg');
}

.icon-code-notification:before { content: '\fcc'; }

.icon-email-incoming:before {
	content: '';
	background-image: url('../Images/Phosphor_icons/MailIncoming_peach.svg');
}

.block.icon-email-incoming:before {
	content: '';
	background-image: url('../Images/Phosphor_icons/Envelope.svg');
}


.icon-url:before {
    content: '\e037';
}
.icon-sms:before { content: '\e02c'; }

.icon-attach:before {
	content: '';
	background-image: url('../Images/Phosphor_icons/Paperclip.svg');
}

.icon-map:before {
    content: '\e096';
}

.icon-pdf:before { content: '\acc'; color: #ff0000; }
.icon-edit:before { 
	content: '';
	background-image: url('../Images/Phosphor_icons/PencilSimple _thin.svg');

}
.icon-survey-done:before { content: '\aae'; }


.icon-check-box:before { content: ''; background-image: url(../Images/Phosphor_icons/CheckCircle.svg); }
.active.icon-check-box:before {
	content: '';
	background-image: url(../Images/Phosphor_icons/CheckCircle_white.svg);
}

.icon-clear:before {
    content: '\fe';
}

.icon-zoomin:before {
    content: '\e091';
}
.icon-zoomout:before {
    content: '\e092';
}
.icon-selection:before {
    content: '\e090';
}

.icon-own-selection:before {
    content: '\aff';
}

.icon-company-group:before {
    content: '\e616';
}

.icon-achievement:after { content: '\e028'; }
.icon-templates:before {
    content: '\e06a';
}
.icon-search:before { content: '\e090'; }
.icon-help:before { content: '\e05d'; }
.icon-eye:before { content: '\e087'; }
.icon-maximize:before { content: '\e057'; }
.icon-minimize:before { content: '\e058'; }

.icon-untitled-to-left:before {
    content: "\dd";
}
.icon-untitled-to-right:before {
    content: "\ea";
}
.icon-untitled-eye-closed:before {
    content: "\eb";
}
.icon-untitled-eye-invisible{
    padding-top: 2.1px;
}
.icon-untitled-eye-invisible:before {
    content: "\61";
}

.list-icon-attachment { position: relative; }
 .list-icon-attachment > *:last-child:after { content: '\e093'; font-family: "simple-line-icons"; position: absolute; right: 10px;bottom: 15px;}

.header-icon.icon-appointment:before { margin-top: -4px; }
.header-icon.icon-email-outgoing:before, 
.header-icon.icon-email-incoming:before, 
.header-icon.icon-email-draf:before { margin-top: -6px; }
.header-icon.icon-code-notification:before { color: #1f6090; font-size: 24px; width: 24px; height: 24px; line-height: 16px; text-align: left; }
.small-device .header-icon .icon-outlook { font-size: 24px; width: 24px; height: 24px; line-height: 24px; }
.header-icon .icon-outlook { margin-top: 5px; }

.round.icon-templates:before,
.round.mi-arrow_back_ios_new:before,
.round.icon-pen:before,
.round.mi-edit:before,
.round.icon-funnel:before,
.round.mi-filter_list:before {
    position: relative;
}

.header-icon.icon-email:before,
.header-icon.mi-email:before {
    margin-top: -5px;
}

.round.icon-arrow-right:before,
.round.mi-arrow_forward_ios:before {
    padding-left: 3px;
}

.icon-expand:before {
    content: '\eef';
}

.round.icon-expand:before,
.round.mi-add_circle:before {
    font-weight: bold;
    background: #ffffff;
    border-radius: 100%;
    color: #535b7c;
    transition: 0.2s ease;
}
.icon-gdprexport:before { content: ''; background-image: url(../Images/Phosphor_icons/pdf_thin.svg); }
.icon-workorder:before {
    content: '\afe';
}

.icon-userGroup:before {
    content: '\e001';
}
.icon-serviceappointment:before {
	content: "";
	background-image: url(../Images/Phosphor_icons/Calendar_thin.svg);
}

.icon-check_box_outline_blank:before {
  content: "check_box_outline_blank";
}
.AutoSuggest {
	height: 30px;
}

.AutoSuggest.Discrete { border: none; }

	.AutoSuggest .Toggle {
		float: right;
		cursor: pointer;
		height: 29px;
		width: 30px;
		margin-left: -30px;
		padding-right: 30px;
		background: url("../Images/Phosphor_icons/MagnifyingGlass_default.svg") no-repeat scroll top center;
		background-size: 24px !important;
		background-position-x: 100%;
		transition: none !important;
	}

	.AutoSuggest.ReadOnly .Combo {
		border: 1px solid #ffffff;
		display: inline-block;
		width: auto !important;
	}

	.AutoSuggest .Combo {
		display: inline-block;
		width: 100%;
		background-color: #ffffff;
		height: 30px;
	}

	:not(.Answer) > .AutoSuggest .Combo input.Search {
		height: 30px !important;
		border-bottom: 2px solid rgba(223, 226, 250, 1) !important;
	}

	:not(.Answer) > .AutoSuggest input.Search:hover {
		border-color: rgba(175, 182, 243, 1) !important;
	}

		:not(.Answer) > .AutoSuggest input.Search:hover + .Toggle {
			background: url("../Images/Phosphor_icons/MagnifyingGlass_hover.svg") !important;
			background-size: 24px !important;
			background-repeat: no-repeat !important;
			background-position: top right !important;
		}


:not(.Answer) > .AutoSuggest input.Search:focus {
	border-color: rgba(127, 138, 235, 1) !important;
}
	:not(.Answer) > .AutoSuggest input.Search:focus + .Toggle {
		background: url("../Images/Phosphor_icons/MagnifyingGlass_active.svg") !important;
		background-size: 24px !important;
		background-repeat: no-repeat !important;
		background-position: top right !important;
	}

:not(.Answer) > .AutoSuggest input.Search.required-active,
:not(.Answer) > .AutoSuggest input.Search.required-active:hover,
:not(.Answer) > .AutoSuggest input.Search.required-active:focus {
	border-color: #D9130F !important;
}
	:not(.Answer) > .AutoSuggest input.Search.required-active + .Toggle,
	:not(.Answer) > .AutoSuggest input.Search.required-active:hover + .Toggle,
	:not(.Answer) > .AutoSuggest input.Search.required-active:focus + .Toggle {
		background: url("../Images/Phosphor_icons/MagnifyingGlass_error.svg") !important;
		background-size: 24px !important;
		background-repeat: no-repeat !important;
		background-position: top right !important;
	}

.AutoSuggest .Search { float: left; border: 0 !important; width: 100%; height: 27px; margin: 0px; padding-left: 0px; padding-right: 30px; }
.AutoSuggest.loading .Search { background-image: url('../Images/wait.gif'); background-position: right center; background-repeat: no-repeat; }

.AutoSuggestValues { position: absolute; list-style: none; overflow-y: auto; overflow-x: hidden; border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; background: #ffffff; margin: 0px; padding: 0px; z-index: 1; }
.AutoSuggestValues > ul { padding: 0px !important; }
.AutoSuggestValues ul { list-style: none; margin: 0px; padding: 0 0 0 10px; }
.AutoSuggestValues li { cursor: pointer; width: 100%; text-align: left; font-size: 12px; }
.AutoSuggestValues li a { display: block; padding: 7px; color: #333333; }
.AutoSuggestValues li .toggler > a { margin-left: 28px; }
	.AutoSuggestValues li a:hover, .autosuggest-menu-item-active {
		background-color: #EFF0FC
	}

.AutoSuggestCheckBox .autosuggest-menu-item label:last-child { position: absolute; left: 40px; white-space: nowrap; line-height: 28px; }
.small-device .AutoSuggestCheckBox .autosuggest-menu-item label:last-child { left: 7px; top: -10px; position: relative; }
.AutoSuggestCheckBox .autosuggest-menu-item a > div { height: 28px; }

.AutoSuggestSelectBag {
	position: absolute;
	max-height: 200px;
	list-style: none;
	overflow-y: auto;
	overflow-x: hidden;
	border: none !important;
	margin: 0px;
	padding: 10px;
	background-color: #ffffff;
	border-top-left-radius: 10px;
}
.AutoSuggestSelectBag li { width: 100%; display: block; cursor: pointer; padding-right: 6px; }

	.AutoSuggestSelectBag li a {
		width: 100%;
		display: inline-flex;
		justify-content: space-between;
		background-size: 20px !important;
		background: url('../Images/Phosphor_icons/X.svg') no-repeat center right;
		padding: 5px;
		color: #000000;
		font-size: 12px;
	}

.AutoSuggestValues .toggler { display: inline-block; float: left; }
.AutoSuggestValues .non-toggler,
.AutoSuggestValues .toggle { width: 30px; height: 30px; background: url('../images/16x16/minus_dark_blue.png') center center no-repeat; margin-right: 5px; }
.AutoSuggestValues .non-toggler { background-image: url('../images/6x6/dot_dark_blue.png'); }
.AutoSuggestValues .toggle.expand { }
.AutoSuggestValues .collapse > .toggle { background: url('../images/16x16/plus_dark_blue.png') center center no-repeat; }

.desktop .AutoSuggestSelectBag li {
	width: auto;
	float: left;
	clear: none;
	background: #DFE2FA !important;
	border: none !important;
	border-radius: 15px;
	padding-left: 7px;
	display: inline-block;
	margin: 2px;
}
.desktop .AutoSuggestSelectBag li a { padding-right: 31px; box-sizing: border-box; }

.small-device .AutoSuggestSelectBag { position: inherit !important; }
.small-device .AutoSuggestValues { position: inherit !important; border-top: 1px solid #d0d0d0; }
.small-device .AutoSuggest { height: auto; }

input[type="checkbox"].check-box { display: block; position: absolute; z-index: -1; visibility: hidden; width: 20px !important; height: 20px; }
input[type="checkbox"].check-box + label { display: inline-block; height: 28px; position: relative; }
.block.list-icon .script-link.check-box { margin: 3px; }

div:not(.Answers) > input[type=date], 
div:not(.Answers) > input[type=datetime], 
div:not(.Answers) > .hasDatepicker {
	background-position: right 0px center;
	background-image: url('../Images/Phosphor_icons/Calendar_thin.svg');
	background-repeat: no-repeat;
	background-size: 24px;
	padding-right: 30px;
}

select {
	background-color: #fff !important;
	width: 100%;
	height: 25px;
	background-position: right 0px center;
	background-image: url('../Images/Phosphor_icons/Caret_default.svg');
	background-size: 25px;
	background-repeat: no-repeat;
	-webkit-appearance: none !important;
	padding-right: 25px;
}
	select:hover {
		background-image: url('../Images/Phosphor_icons/Caret_hover.svg');
		cursor: pointer;
	}
	select:focus {
		background-image: url('../Images/Phosphor_icons/Caret_active.svg');
	}
	select.required-active,
	select:hover.required-active,
	select:focus.required-active {
		background-image: url('../Images/Phosphor_icons/Caret_error.svg');
	}


	select::-ms-expand {
		display: none;
	}

div.mce-edit-area {
	background: #FFF;
	filter: none;
	margin-top: 4px;
	width: 100%;
	border-bottom: 2px solid rgba(223, 226, 250, 1) !important;
}

input[type='text'],
.new-li input.display-inline,
input[type='url'],
input[type='date'],
input[type='password'],
input[type='number'],
textarea,
select,
div[contenteditable="true"]:not(.ql-editor) {
	border: none;
	height: 30px;
	border-bottom: 2px solid rgba(223, 226, 250, 1);
	width: 100%;
	padding-left: 2px;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 0px;
}

	input[type='text']:hover,
	.new-li input.display-inline:hover,
	input[type='url']:hover,
	input[type='date']:hover,
	input[type='password']:hover,
	input[type='number']:hover,
	textarea:hover,
	select:hover,
	div[contenteditable="true"]:hover,
	div.mce-edit-area:hover {
		border-color: rgba(175, 182, 243, 1);
	}

	input[type='text']:focus,
	.new-li input.display-inline:focus,
	input[type='url']:focus,
	input[type='date']:focus,
	input[type='password']:focus,
	input[type='number']:focus,
	textarea:focus,
	select:focus,
	div[contenteditable="true"]:focus,
	div.mce-edit-area:focus {
		border-color: rgba(127, 138, 235, 1) !important;
		margin-bottom: 0px;
	}


	input[disabled], input[disabled]:hover,
	.new-li input[disabled].display-inline, .new-li input[disabled].display-inline:hover,
	textarea[disabled], textarea[disabled]:hover,
	select[disabled], select[disabled]:hover,
	div[contenteditable="true"][disabled], div[contenteditable="true"][disabled]:hover,
	div.mce-edit-area[disabled], div.mce-edit-area[disabled]:hover,
	.AutoSuggest input.Search[disabled], .AutoSuggest input.Search[disabled]:hover {
		border-color: hsl(0 0% 94% / 1) !important;
	}


#Views .grid-container.edit-mode .grid-cell > .AutoSuggest {
	height: 100% !important;
}
#Views .grid-container.edit-mode .grid-cell input.Search,
#Views .grid-container.edit-mode .grid-cell input.Search + .Toggle {
	border-radius: 8px 8px 0px 0px !important;
	height: 35px !important;
	background-position-Y: 4px !important;
}

.th-display-block label, .th-display-block .in-line-value {
	margin-top: 20px;
}
.th-display-block .toggler {
	margin-top: 20px;
}
.autosuggest-menu-item .toggler {
	margin-top:0;
}
.th-display-block .link-button.round {
	margin-top: 16px;
	margin-bottom: 4px;
}

.th-display-block .case-description {
	margin-top: 26px;
}
.th-display-block .tag-tree {
	margin-top: 10px;
}

	input[type='text']::-ms-clear,
	input[type='date']::-ms-clear,
	input[type='password']::-ms-clear,
	textarea::-ms-clear,
	select::-ms-clear,
	div[contenteditable="true"]::-ms-clear {
		display: none;
	}

input.mobile { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; }

input[type='text']:focus,
input[type='date']:focus,
input[type='password']:focus,
textarea:focus,
select:focus,
div[contenteditable="true"]:focus { border: none; border-bottom: 2px solid #3F9BDA; margin-bottom: 0px; }

label.margin-top { display: inline-block; }

.icon-check-box:after, .icon-check-box.active:after, .icon-check-box:after { color: #cccccc; content: ''; font-family: "simple-line-icons", "untitled-font-6"; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; width: 40px; height: 40px; line-height: 40px; position: absolute; margin-left: -40px; }
.action-block .row .icon-check-box::after {
	visibility: hidden;
}
.check-box {
	font-family: "simple-line-icons", "untitled-font-6";
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	width: 28px;
	height: 28px;
}
	.check-box:after, .icon-check-box:after {
		display: inline-xlex;
		align-items: center;
		background-image: url(../Images/Phosphor_icons/Check.svg);
		background-size: 17px;
		background-position: center;
		background-repeat: no-repeat;
		color: #cccccc;
		content: '';
		font-size: 14px;
		width: 14px;
		height: 14px;
		position: absolute;
	}

.icon-check-box:after { line-height: 40px; margin-left: -27px; margin-top: 0px; }
.check-box:before { font-size: 28px; width: 24px; height: 24px; border-radius: 50%; display: inline-block; content: ' '; border: 2px solid; }
.mobile .AutoSuggest .Combo { height: 33px; }

input[type="checkbox"].check-box:not(:checked) + label div.check-box:after {
	content: "";
}

input[type="checkbox"].check-box:checked + label div.check-box:before,
.check-box.active:before {
	background-color: #7F8AEB !important;
}





:root {
	--purpleLightest: #F7F8FE;
	--purpleLight: #E7E9FB;
	--purpleMedium: #CFD3F7;
	--purple: #2A3EB7;
	--sweetBlue: #5F6DE6;
	--sweetBlue-100: #EFF0FC;
	--sweetBlue-200: #DFE2FA;
	--sweetBlue-800: #7F8AEB;
	--sweetBlueHover: #7E89EA;
	--linkBlue: #3B749E;
	--active: #2A3EB7;
	--sweetRed: #F95A5A;
	--sweetRedLight: #fdecec;
	--disabled: rgba(95, 109, 230, 0.40);
	--placeholder: #9e9e9e;
	--peachLight: #FDF2FD;
	--peachLighter: #FDF2FD;
	--peachHover: #FDF2FD;
	--peach: #FFCFCD;
	--textDarkBlue: #102231;
	--textLightest: #B7BDC1;
	--textLight: #6F7A83;
	--greyLightest: #FAFAFA;
	--greyLight: #f4f5f6;
	--greyLighter: #EFEFEF;
	--grey: #3F4D59;
	--grey-100: #E7E9EA;
	--grey-75: #EDEEF0 ;
	--greyLightHover: hsl(210 10% 92% / 1);
	--darkBackground: #5C6375;
	--transition: 0.1s all ease-in-out;
	--fontSmall: 12px;
	--fontMedium: 14px;
	--fontLarger: 15px;
	--fontLarge: 16px;
}




body {
}

.sweet-portal .Survey {
    max-width: 100%;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0px;
    outline: 0;
    z-index: 1001;
}

.ui-widget-content {
    border: 0px solid #aaaaaa /*{borderColorContent}*/;
    background: #ffffff /*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png) /*{bgImgUrlContent}*/ 50% /*{bgContentXPos}*/ 50% /*{bgContentYPos}*/ repeat-x /*{bgContentRepeat}*/;
    color: #222222 /*{fcContent}*/;
}

.ui-widget-content {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    background: #ffffff !important;
    color: #333;
}

.desktop .Text textarea::-webkit-scrollbar-thumb {
    border: 5px solid #efefef !important;
}

.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-focus {
    background-color: #eeeeee;
    outline: 1px solid transparent;
    background-image: none;
}



.MenuContext.Left {
    top: 90%;
    right: 30%;
}

.MenuContext li:hover {
    background-color: #eee;
}

.MenuContext {
    position: absolute;
    background: #fff;
    border: none;
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.30);
    float: none !important;
    z-index: 9000;
    padding: 0px !important;
    min-width: 126px;
    display: none;
    font-weight: normal;
}

    /*Remove background image */
    .MenuContext li {
        cursor: pointer;
        white-space: nowrap;
        position: relative;
    }

.ui-widget-header {
    background: white !important;
    color: #333 !important;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}

.Errors {
    position: absolute;
    bottom: 20px;
    right: -10px;
    border-left: 4px solid #e57373;
    background-color: #ffffff;
    padding: 18px;
    cursor: default;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-width: 150px;
    box-shadow: 0 0px 4px rgba(0,0,0,0.12), 0 1px 4px 0 rgba(0,0,0,0.24);
}

/* Remove the before and after elements that make the little arrow for this error message */

.Survey .Question .ErrorText span, .Survey .Question .FileErrorText span {
    display: inline-block;
    position: relative;
    font-weight: normal;
    font-size: 0.8em;
    color: #ff0000;
}



.MenuContext {
    position: absolute;
    background: #fff;
    border: none;
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.30);
    float: none !important;
    z-index: 9000;
    padding: 0px !important;
    min-width: 100px;
    display: none;
    font-weight: normal;
}

    .MenuContext li {
        background-image: none !important;
    }



.Survey .link-button.icon-info {
    margin: 5px;
}

.Icon.Clickable.LeftPanelClose, .Icon.Clickable.RightPanelClose, .Icon.Clickable.LeftPanelOpen, .Icon.Clickable.RightPanelOpen {
    font-family: "simple-line-icons", "untitled-font-6";
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
    min-width: 0;
    border-radius: 100%;
    text-align: center;
    width: 24px;
    height: 24px;
    line-height: 24px;
    padding: 0px;
    background: #ffffff;
    box-shadow: 0 0px 4px rgba(0,0,0,0.12), 0 1px 4px 0 rgba(0,0,0,0.24);
}

    .Icon.Clickable.LeftPanelClose:before, .Icon.Clickable.RightPanelOpen:before {
        content: '\e605';
        margin-right: 2px;
    }

    .Icon.Clickable.RightPanelClose:before, .Icon.Clickable.LeftPanelOpen:before {
        content: '\e606';
        margin-left: 2px;
    }

.Label {
    background-position: calc(0% + 7px) 50% !important;
    background-size: 16px 16px;
}
.Label.Help.Clickable span{
    margin-left: 6px;
}


    .Label.ZoomOut, .Input.ZoomOut, .Icon.ZoomOut {
        background-image: url('../images/portal/16x16/minus.svg');
    }

    .Label.ZoomIn, .Input.ZoomIn, .Icon.ZoomIn {
        background-image: url('../images/portal/16x16/plus.svg');
    }

    .Label.Add, .Input.Add, .Icon.Add {
        background-image: url('../images/Phosphor_icons/Plus.svg');
        background-size: 16px 16px;
    }

    .Label.Mover, .Input.Mover, .Icon.Mover {
        background-image: url('../images/portal/16x16/move.svg')
    }

    .Label.ContextMenu, .Input.ContextMenu, .Icon.ContextMenu {
        background-image: url('../images/portal/16x16/more-vertical.svg');
    }

    .Label.Help, .Input.Help, .Icon.Help {
        background-image: url('../images/portal/16x16/help.svg');
    }

    .Label.Delete, .Input.Delete, .Icon.Delete {
        background-image: url('../images/Phosphor_icons/Trash.svg');
    }

.Icon.SortUp {
    background-image: url('../images/portal/icon_sorting_arrow_up.svg');
    height: 16px;
    width: 22px;
    background-color: #eee;
    vertical-align: text-top;
}

.Icon.SortDown {
    background-image: url('../images/portal/icon_sorting_arrow_down.svg');
    height: 16px;
    width: 22px;
    background-color: #eee;
    vertical-align: text-top;
}

.Label.Add.Clickable {
    background-color: var(--greyLight);
    padding: 5px 8px 5px 28px;
    border-radius: 20px;
    font-weight: 600;
    border-radius: 20px;
    transition: 0.2s ease;
    margin-top: 5px;
}

.Label.Clickable:hover {
	text-decoration: none;
	background-color: #D9DCE0 !important;
}

.ui-dialog-titlebar button.ui-state-hover {
    background: transparent !important;
}

.ui-dialog-titlebar .ui-dialog-titlebar-close {
    background: transparent !important;
    border: 0px !important;
}

    .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon {
        background: url(../images/portal/16x16/close1.svg);
        background-position: initial;
        background-size: 10px;
        background-position: 2px 2px;
        background-repeat: no-repeat;
    }

.ui-dialog.ui-widget {
    padding: 0px !important;
}

.ui-dialog.ui-widget-content .ui-widget-content {
    box-shadow: none;
}

.ui-dialog .ui-dialog-buttonpane {
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	border: 0;
}

.ui-dialog-buttonpane button {
	border: none;
	font-weight: 600 !important;
	color: var(--textDarkBlue) !important;
	background: white !important;
	box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.15);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 8px;
	text-transform: uppercase;
	cursor: pointer !important;
	margin: 5px !important;
}


/*Form modal*/

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
	padding-top: 10px;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
	padding: 10px 15px !important;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable .ui-dialog-content.ui-widget-content {
	padding-top: 20px;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable {
	box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.10);
	border: none;
}


	.ui-dialog-buttonpane button:hover {
		background: #f4f5f6 !important;
		color: var(--textDarkBlue) !important;
		border: none;
	}

.ui-autocomplete {
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.30) !important;
    max-height: 200px;
    overflow: scroll;
}

.ui-dialog-titlebar .ui-state-hover, .ui-dialog-titlebar .ui-state-active {
    background: url('../images/portal/16x16/close1.svg');
    background-position: initial;
}



.Preview::-webkit-scrollbar-thumb {
    background: rgb(174, 174, 174);
    border: 5px solid rgb(221, 221, 221);
    border-radius: 12px;
}

.date-picker-mobile {
    border: solid 1px #d9d9d9;
    padding: 5px;
}

@media only screen and (max-width: 576px) {
	.daterangepicker {
		position: fixed;
	}
	.daterangepicker .drp-calendar.left, 
	.daterangepicker .drp-calendar.right, 
	.daterangepicker .drp-buttons {
		border: none;
	}
}

.SurveyLoadingNotice.ui-dialog {
    border-top: none !important;
}

.Survey .AutoSuggest .Combo {
    border-bottom: none;
}

.Survey .AutoSuggest .Search {
    height: 30px;
}

.link-button.round.icon.icon-info.xsmall {
    position: relative;
    left: 3px;
    display: inline-block;
    top: 0;
    font-size: 13px;
}

.Hidden {
    display: none;
}

.Icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
}

.Label {
    display: inline-block;
    min-height: 16px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
}

.Input {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 3px center;
    padding-left: 22px !important;
}

.IconText {
    line-height: 16px;
    font-size: 14px;
}

.Label.Delete,
.Input.Delete,
.Icon.Delete {
    background-image: url(../Images/Phosphor_icons/Trash.svg);
	background-size: 20px;
}

.Label.Toggle,
.Input.Toggle,
.Icon.Toggle {
    background-image: url(../Images/16x16/maximize.png);
}

.Label.Settings,
.Input.Settings,
.Icon.Settings {
    background-image: url(../Images/16x16/settings.png);
}

.Label.IconMenu,
.Input.IconMenu,
.Icon.IconMenu {
    background-image: url(../Images/16x16/settings.png);
}

.Label.Error,
.Input.Error,
.Icon.Error {
    background-image: url(../Images/16x16/error.png);
}

.Label.Mover,
.Input.Mover,
.Icon.Mover {
    background-image: url(../Images/16x16/up_down.png);
}

.Label.Collapse,
.Input.Collapse,
.Icon.Collapse {
    background-image: url(../Images/16x16/Minus.png);
}

.Label.Expand,
.Input.Expand,
.Icon.Expand {
    background-image: url(../Images/16x16/plus.png);
}

.Label.Add,
.Input.Add,
.Icon.Add {
    background-image: url(../Images/Phosphor_icons/Plus.svg);
}

.Label.ContextMenu,
.Input.ContextMenu,
.Icon.ContextMenu {
    background-image: url(../Images/16x16/context_menu.png);
}

.Label.Cut,
.Input.Cut,
.Icon.Cut {
    background-image: url(../Images/16x16/cut.png);
}

.Label.Paste,
.Input.Paste,
.Icon.Paste {
    background-image: url(../Images/16x16/paste.png);
}

.Label.Checked,
.Input.Checked,
.Icon.Checked {
    background-image: url(../Images/16x16/checkbox.png);
}

.Label.UnChecked,
.Icon.UnChecked {
    background-image: url(../Images/16x16/checkboxunchecked.png);
}

.Label.Calendar,
.Input.Calendar,
.Icon.Calendar {
	background-image: url(../Images/Phosphor_icons/Calendar_darkgrey.svg);
/*	background-image: url(../Images/16x16/calendar_gray.png);*/
}

.Label.QuestionMark,
.Input.QuestionMark,
.Icon.QuestionMark {
    background-image: url(../Images/16x16/question.png);
}

.Label.ZoomIn,
.Input.ZoomIn,
.Icon.ZoomIn {
    background-image: url(../Images/16x16/zoomin_black.png);
}

.Label.ZoomOut,
.Input.ZoomOut,
.Icon.ZoomOut {
    background-image: url(../Images/16x16/zoomout_black.png);
}

.Label.Copy,
.Input.Copy,
.Icon.Copy {
    background-image: url(../Images/16x16/copy.png);
}

.Label.Edit,
.Input.Edit,
.Icon.Edit {
    background-image: url(../Images/16x16/edit.png);
}

.Label.Goto,
.Input.Goto,
.Icon.Goto {
    background-image: url(../Images/16x16/goto.png);
}

.Label.Matrix,
.Input.Matrix,
.Icon.Matrix {
    background-image: url(../Images/16x16/matrix.png);
}

.Label.Save,
.Input.Save,
.Icon.Save {
    background-image: url(../Images/16x16/save.png);
}

.Label.Equals,
.Input.Equals,
.Icon.Equals {
    background-image: url(../Images/16x16/equals.png);
}

.Label.NotEquals,
.Input.NotEquals,
.Icon.NotEquals {
    background-image: url(../Images/16x16/notequals.png);
}

.Label.BulletList,
.Input.BulletList,
.Icon.BulletList {
    background-image: url(../Images/16x16/bullet_list.png);
}

.Label.LeftPanelClose,
.Input.LeftPanelClose,
.Icon.LeftPanelClose {
    background-image: url(../Images/16x16/left_panel_close.png);
}

.Label.LeftPanelOpen,
.Input.LeftPanelOpen,
.Icon.LeftPanelOpen {
    background-image: url(../Images/16x16/left_panel_open.png);
}

.Label.RightPanelClose,
.Input.RightPanelClose,
.Icon.RightPanelClose {
    background-image: url(../Images/16x16/right_panel_close.png);
}

.Label.RightPanelOpen,
.Input.RightPanelOpen,
.Icon.RightPanelOpen {
    background-image: url(../Images/16x16/right_panel_open.png);
}

.Label.Pdf,
.Input.Pdf,
.Icon.Pdf {
    background-image: url(../Images/16x16/pdf.png);
}

.Label.Help,
.Input.Help,
.Icon.Help {
    background-image: url(../Images/16x16/question.png);
}

.Label.Excel,
.Input.Excel,
.Icon.Excel {
    background-image: url(../Images/16x16/excel.gif);
}

.numberInput {
    height: 30px !important;
}

.num-container {
	width: 100% !important;
    float: left;
    padding: 2px;
}

.num-in {
    display: flex;
    flex-direction: row;
    float: left;
    width: 120px;
    height: 30px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    border-radius: 25px !important;
}

.num-in span {
        float: left;
        position: relative;
        width: 40%;
        height: 30px;
        display: block;
}

.num-in span:before, .num-in span:after {
            content: '';
            position: absolute;
            background-color: #667780;
            height: 1px;
            width: 10px;
            top: 50%;
            left: 50%;
            margin-top: -1px;
            margin-left: -5px;
}

.num-in span.num-inc:after {
            transform: rotate(90deg);
}

.num-in input, #num-input {
        float: left;
        width: 60% !important;
        height: 30px !important;
        border: none !important;
        text-align: center;
}

.num-in input[type=number]::-webkit-inner-spin-button,
.num-in input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
}



.Clickable,
.Tools > .Icon {
    cursor: pointer;
}

.Inline {
    display: inline-block;
}

.ui-datepicker {
    font-size: 9pt !important;
}

.Survey th {
    text-align: left;
    font-weight: normal;
}

.Survey .Icon {
    display: inline-block;
}

.Survey table {
    border-spacing: 0;
    border-collapse: collapse;
}

    .Survey table th,
    .Survey table td {
        margin: 0;
        padding: 0;
    }


	/*FONT*/
.Survey,
.Survey *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: Poppins, Verdana,Arial,sans-serif;
	font-size: 14px;
}

	.Survey .qtInformation *:not(.Name){
		font-family: "Open Sans", Verdana, Helvetica, Sans-Serif;
	}

.Survey {
    position: relative;
    max-width: 1100px;
    margin: auto;
    background-color: #fff;
    padding: 4%;
}

    .Survey .SurveyBody {
        clear: both;
    }

    .Survey.HideQuestionCount .QuestionCount {
        display: none;
    }

    /*.Survey input,
  .Survey input[type=text],
  .Survey textarea { font-size: 12pt; }*/

    .Survey .Page {
        width: 100%;
        overflow: hidden;
    }

        .Survey .Page > .Header {
            margin: 7px 0 10px 0;
        }

            .Survey .Page > .Header .Name {
                font-size: 1.5em;
				font-weight: 500;
            }

            .Survey .Page > .Header .Description {
				padding-top: 10px;
				padding-bottom: 10px;
                white-space: pre-wrap;
            }

        .Survey .Page.HideName > .Header .Name {
            font-size: 0px;
        }

        .Survey .Page.HasHelpText .Body {
            display: table;
            width: 100%;
        }

        .Survey .Page.HasHelpText .Sections {
            display: table-cell;
        }

        .Survey .Page.HasHelpText .HelpText {
            display: table-cell;
            width: 20%;
            min-width: 150px;
            padding: 0 10px;
        }

            .Survey .Page.HasHelpText .HelpText:after {
                content: '';
                display: block;
                clear: both;
            }

            .Survey .Page.HasHelpText .HelpText > div {
                margin-bottom: 5px;
                padding: 5px;
                border: solid 1px #f0f0f0;
                white-space: pre-wrap;
            }

	.Survey.Print .Answer *,
	.Survey .Answers .Answer div,
	.Survey .Answers .Answer span {
		word-break: break-all;
	}
	

    .Survey.Print .HideInPdf {
        display: none;
    }

    .Survey.Print .ShowInPdf {
        display: initial;
    }

    .Survey.Print .Section.Split > .Questions > .Question.ShowInPdf, .Survey.Print .Section.QuadSplit > .Questions > .Question.ShowInPdf {
        display: inline-block;
    }

    .Survey .ShowInPdf, .Survey .Section.Split > .Questions > .Question.ShowInPdf, .Survey .Section.QuadSplit > .Questions > .Question.ShowInPdf {
        display: none;
    }

    .Survey .page-break-before {
        page-break-before: always;
    }

    .Survey .page-break-after {
        page-break-after: always;
    }

    .Survey .page-break-inside {
        page-break-inside: avoid;
    }

    .Survey .Section {
        margin-bottom: 15px;
    }

		.Survey .Section > .Header .Name {
			background: #F8F9FA;
			color: var(--textDarkBlue);
			font-size: 16px;
			font-weight: 500;
			padding: 7px;
			overflow: hidden;
			text-overflow: ellipsis;
		}

        .Survey .Section > .Header .Description {
            font-size: 1em;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: pre-wrap;
			padding-top: 10px;
        }

        .Survey .Section.HideName > .Header .Name {
            font-size: 0px;
        }


    .Survey .Navigation {
        margin-top: 25px;
    }

        .Survey .Navigation button {
            padding: 5px 10px;
            float: right;
        }

            .Survey .Navigation button.PrevButton {
                float: left;
                margin-right: 0;
                margin-left: 10px;
            }

        .Survey .Navigation:after {
            content: '';
            display: block;
            clear: both;
        }

        .Survey .Navigation .SaveInfo {
            float: right;
            padding: 5px 10px;
        }

            .Survey .Navigation .SaveInfo.Dirty {
                display: none;
            }

    .Survey.SavingAnswers .Navigation .SaveInfo.Dirty {
        display: block;
    }

    .Survey.SavingAnswers .Navigation .SaveInfo.Clean {
        display: none;
    }

    .Survey input[type="text"],
    .Survey input[type="password"],
    .Survey input[type="email"],
    .Survey select,
    .Survey textarea {
        max-width: 100%;
        padding: 5px;
        border: solid 1px #d9d9d9 !important;
    }

        .Survey input[type="text"]:focus,
        .Survey input[type="password"]:focus,
        .Survey input[type="email"]:focus,
        .Survey textarea:focus,
        .Survey select:focus {
            border-color: #cacaca;
            border-bottom: 2px solid var(--sweetBlue) !important;
            outline: none;
        }




	.Survey button {
		border: solid 0px var(--sweetBlue);
		font-weight: 600;
		color: var(--textDarkBlue);
		background: none;
		box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.15);
		padding: 10px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 8px;
		text-transform: uppercase;
		cursor: pointer;
		margin: 5px;
	}

        .Survey button[disabled] {
            color: #ccc;
            cursor: default;
        }

		.Survey button.Selected,
		.desktop .Survey button:hover {
			background: #f4f5f6;
			color: var(--textDarkBlue);
		}

        .Survey button[disabled].Selected,
        .Survey button[disabled]:hover,
        .mobile .Survey button:hover {
            background: none;
        }




    .Survey .Question {
        margin-top: 20px;
        position: relative;
        overflow: hidden;
    }

        .Survey .Question .Answers {
            padding: 3px 7px 0 0px;
        }


            .Survey .Question .Answers input[type=text],
            .Survey .Question .Answers input[type=password],
            .Survey .Question .Answers input[type=email],
            .Survey .Question .Answers select {
                width: 100%;
            }

            .Survey .Question .Answers input.C4AutoCompleteSearch {
                width: 100% !important;
            }

            .Survey .Question .Answers select {
                height: auto;
            }

            .Survey .Question .Answers .single-autocomplete {
                background-position: right 7px center;
            }

                .Survey .Question .Answers .single-autocomplete::-webkit-calendar-picker-indicator {
                    display: none;
                }

            .Survey .Question .Answers textarea {
                width: 100%;
                height: 60px;
            }

            .Survey .Question .Answers input[type=radio],
            .Survey .Question .Answers input[type=checkbox] {
                margin-right: 7px;
            }

            .Survey .Question .Answers label {
                display: inline-block;
                width: 100%;
                overflow-x: hidden;
                text-overflow: ellipsis;
                padding: 4px;
            }

            .Survey .Question .Answers .Answer {
                position: relative;
                z-index: 1;
            }

        .Survey .Question.Compact .Answers label {
            width: auto;
            padding: 4px;
        }



/* Sections */

.Section .Summary {
    width: 100%;
}

    .Section .Summary td {
        text-align: left;
        vertical-align: top;
        padding: 10px 4px;
        border-bottom: solid 1px #eee;
    }

    .Section .Summary tr:hover {
        background: #eee;
    }

    .Section .Summary td.Goto {
        vertical-align: middle;
        width: 24px;
    }


	/* Global grouping */

	.grouping-box .subheader {
	padding: 8px;
	font-size: 15px;
	font-weight: 700;
	background-color: #e8e8e8; 
	border-bottom: 1px solid #cccccc; /* A line to separate the header from sections */
	margin: 0; /* Remove any default margins */
}

.navigation-buttons, .action-buttons {
	margin-top: 10px; /* Space between sections */
}
.grouping-box {
	border: 1px solid #CFD3F7;
	margin: 20px;
	box-shadow: none;
	width: auto;
}

	.grouping-box > .grouping-box-header {
		padding: 13px;
		font-size: 13px;
		height: auto;
		margin-top: -1px;
		color: #333;
		position: relative;
		font-weight: 600;
		cursor: pointer;
		outline: none;
		overflow-wrap: break-word;
		background-color: #CFD3F7;
	}

.grouping-box-header::-webkit-details-marker {
	display: none;
}

.grouping-box-header::before {
	content: '+';
	margin-right: 5px;
	position: absolute;
	right: 15px;
	top: 10px;
}

.grouping-box[open] > .grouping-box-header::before {
	content: '-';
}

.grouping-box .subheader {
	padding: 8px;
	font-size: 13px;
	font-weight: 700;
	background-color: #fff;
	border-bottom: 1px solid #ffffff;
	margin: 10px;
	border-radius: 1px;
	margin: 3px;
}

.navigation-buttons, .action-buttons {
	margin-top: 10px;
}

.sub-accordion {
	margin: 5px 0;
}

.sub-accordion-header {
    padding: 8px;
    font-size: 12px;
    font-weight: bold;
    background-color: #e2e5fa94;
    cursor: pointer;
    border: 1px solid #fff;
    border-bottom: 1px solid #ffffff;
    margin: 10px;
    border-radius: 10px;
    margin: 3px;
    white-space: nowrap; /* Add this to prevent text wrapping */
    overflow: hidden; /* Add this to clip any overflow */
    text-overflow: ellipsis; /* Add this to show ellipsis if text is clipped */
}

	.sub-accordion-header:hover {
		background-color: #FDF2FD;
	}

.sub-accordion .Section {
	padding: 8px;
	border-top: 1px solid #eaeaea;
	background-color: #fff;
}


.tooltip-hover-content {
	visibility: hidden;
	/* width: auto; */
	background-color: #FDF2FD;
	font-weight: 300;
	color: #000;
	border-radius: 25px;
	padding: 5px 5px 5px 11px;
	position: static;
	/* z-index: 1; */
	/* bottom: 100%; */
	/* left: 50%; */
	transform: translateX(-50%);
	/* transition: visibility 0s, opacity 0.3s linear; */
	box-sizing: border-box;
}


.sub-accordion-header:hover .tooltip-hover-content,
.sub-accordion-header:focus .tooltip-hover-content {
	display: inline;
    opacity: 1;
}

.sub-accordion-header:not(:hover) .tooltip-hover-content {
	display: none;
    opacity: 0;
    transition: visibility 0s linear 0s, opacity 0.3s linear;
}


.sub-accordion-header:hover .tooltip-hover-content {
	visibility: visible;
	opacity: 1;

}

.sub-accordion-header:not(:hover) .tooltip-hover-content {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s linear 0s, opacity 0.3s linear;
}

/* Additional styles for Sections */
.grouping-box .Section {
	padding: 11px;
	border-top: none;
	background-color: #fff;
}



.Survey .Answers {
}

.SurveyTrigger .Survey {
/*	box-shadow: 0 14px 28px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.12);*/
	box-shadow: 0px 2px 80px 0px rgba(83, 91, 124, 0.10);
}

.Survey {
	color: var(--textDarkBlue);
}

    .Survey .QuestionText {
        font-weight: 500;
    }

    .Survey .DescriptionText {
        padding: 3px 10px;
        font-size: 0.9em;
        overflow-x: hidden;
        text-overflow: ellipsis;
    }

        .Survey .DescriptionText span {
            white-space: pre-wrap;
        }

    .Survey .HelpText {
        padding: 3px 10px;
        font-size: 0.9em;
        overflow-x: hidden;
        text-overflow: ellipsis;
    }

        .Survey .HelpText span {
            white-space: pre-wrap;
        }

    .Survey.Print .HelpText {
        display: none !important;
    }

    .Survey.Print .icon-info {
        display: none !important;
    }

    .Survey .Question.NotValidated > div > .Header .QuestionText > span:after {
        margin-left: 4px;
        content: '*';
        display: inline-block;
    }

	.Survey .ShowValidationErrors .Question.NotValidated.OnOrBeforeHighestErrorPage .QuestionText > span:after {
		color: #ff0000;
	}

    .Survey .Question .ErrorText {
        display: none;
    }

	.Survey .ShowValidationErrors .Question.OnOrBeforeHighestErrorPage .ErrorText {
		display: block;
	}

	.Survey .ShowLockableValidationErrors .Question.LockOnSign.BeforeLastAttemptedLock .ErrorText {
		display: block;
	}

    .Survey .Question .ErrorText span, .Survey .Question .FileErrorText span {
        display: inline-block;
        position: relative;
        font-weight: normal;
        font-size: 0.8em;
        color: #ff0000;
    }

    .Survey .Question.HideQuestion .ErrorText span:before {
        position: absolute;
        top: auto;
        bottom: -9px;
        left: 0px;
        content: '';
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 9px 9px 0 9px;
        border-color: #dddddd transparent transparent transparent;
    }

    .Survey .Question.HideQuestion .ErrorText span:after {
        position: absolute;
        top: auto;
        bottom: -7px;
        left: 2px;
        content: '';
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 7px 7px 0 7px;
        border-color: #fff2f2 transparent transparent transparent;
    }

    .Survey .Question.CustomError .ErrorText,
    .Survey.ShowValidationErrors .Question .ErrorText {
        display: block;
    }


/* All questions */

.Question.HideQuestion .QuestionText > span {
    display: none;
}

.Question.HideQuestion .Question .QuestionText > span {
    display: inline;
}

.Question.HideQuestion .QuestionText + .DescriptionText {
    padding-left: 0;
}

.Question.RemoveSpace {
    margin-top: 5px;
}


/* Multi and Single answer */

.Question .ColorDisplay {
    display: inline-block;
    margin: 3px 0;
    height: 19px;
}

    .Question .ColorDisplay input {
        margin: 3px !important;
    }

.Question .qtToggle .toggle {
    border-radius: 15px;
}

/* Single answer */

.Question .qtRadio .ColorDisplay {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}


.Question.Compact .qtRadio .Answers > * {
    float: left;
    margin-right: 20px;
}

.Question.Compact .qtDropDown:after, .Question.Compact .qtRadio:after, .Question.Compact .qtAutoComplete:after {
    content: ' ';
    clear: both;
    display: block;
}

.Question.Compact .qtDropDown .Header, .Question.Compact .qtAutoComplete .Header {
    border: 0 !important;
    width: 40%;
    float: left;
    padding: 0 !important;
    margin: 0 !important;
}

.Question.Compact .qtDropDown .Answers, .Question.Compact .qtAutoComplete .Answers {
    width: 60%;
    float: left;
    padding: 0 !important;
    margin: 0 !important;
}

/* Toggle */

.Survey .qtToggle .toggle input[type="checkbox"] {
    position: relative;
    top: calc(50% - 0.55em);
    width: 1.9em;
    height: 0.975em;
    border-radius: 100px;
    background-color: #C3C6D1;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    margin: 0 3px !important;
}

.Survey .qtToggle .toggle input[type="checkbox"]:checked {
    background-color: var(--purple);
}

.Survey .qtToggle .toggle input:checked::after {
    left: calc(100% - 0.9em);
    background-color: #fff;
}

.Survey .qtToggle .toggle input::after {
    content: '';
    position: absolute;
    top: -0.05em;
    left: 0;
    transition: 100ms ease;
    width: 1em;
    height: 1em;

    box-shadow: 0px -1px 2px rgb(0 0 0 / 14%), 0px 2px 2px rgb(0 0 0 / 24%);

    background-color: #fff;
    border-radius: 100%;
}


/* Multi answer */


.Question.Compact .qtCheckbox:after, .Question.Compact .qtToggle:after {
    content: ' ';
    clear: both;
    display: block;
}

.Question.Compact .qtCheckbox .Answers > *, .Question.Compact .qtToggle .Answers > * {
    float: left;
    margin-right: 20px;
}

/* Free text */


.Question.Compact .qtTextRow:after {
    content: ' ';
    clear: both;
    display: block;
}

.Question.Compact .qtTextRow .Header {
    border: 0 !important;
    width: 40%;
    float: left;
    padding: 0 !important;
    margin: 0 !important;
}

.Question.Compact .qtTextRow .Answers {
    width: 60%;
    float: left;
    padding: 0 !important;
    margin: 0 !important;
}


/* Multi line free text */


/* Date */

.Question.Compact .qtDate:after {
    content: ' ';
    clear: both;
    display: block;
}

.Question.Compact .qtDate .Header {
    border: 0 !important;
    width: 40%;
    float: left;
    padding: 0 !important;
    margin: 0 !important;
}

.Question.Compact .qtDate .Answers {
    width: 60%;
    float: left;
    padding: 0 !important;
    margin: 0 !important;
}


/* Matrix */


.Question .qtMatrix table {
    table-layout: fixed;
    width: 100%;
}

    .Question .qtMatrix table tr {
        border-bottom: solid 1px #ddd;
    }

    .Question .qtMatrix table td:first-child {
        width: 30%;
        text-align: left;
    }

    .Question .qtMatrix table td {
        text-align: center;
        padding: 3px;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: normal;
    }

    .Question .qtMatrix table tr.NotValidated {
        border-bottom: 0;
    }

        .Question .qtMatrix table tr.NotValidated td {
            padding-bottom: 0;
        }

.Survey .Question .qtMatrix table tr.ErrorRow td {
    padding-top: 0;
    padding-left: 0;
}


.Survey .qtMatrix label {
    display: inline-block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.Survey .qtMatrix input {
    cursor: pointer;
}
/* Number */

.Question.Compact .qtNumber .Header,
.Question.Compact .qtNumberInputSpinner .Header {
	border: 0 !important;
	width: 40%;
	float: left;
	padding: 0 !important;
	margin: 0 !important;
}

.Question.Compact .qtNumber .Answers,
.Question.Compact .qtNumberInputSpinner .Answers {
	width: 60%;
	float: left;
	padding: 0 !important;
	margin: 0 !important;
}

/* Score */
.Survey .qtScore .Data {
	height: 150px;
	position: relative;
}

    .Survey .qtScore .Data .Canvas {
        position: absolute;
        width: 150px;
        height: 150px;
        top: 50%;
        left: 50%;
        margin-left: -75px;
        margin-top: -75px;
    }

.Survey .qtScore .Text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 150px;
    margin-left: -75px;
    margin-top: -75px;
    text-align: center;
    line-height: 150px;
}






/* Make buttons of radio and check */
.qtButton label span {
    display: block;
    margin-bottom: 7px;
    text-align: center;
    overflow-x: hidden;
    text-overflow: ellipsis;
		min-height: 31px;
}

.qtButton input {
    display: block;
    position: absolute;
    z-index: -1;
}

.qtButton label span { /* background: #fff; */
	background: #fff;
	box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.15);
	padding: 5px 15px;
	color: var(--textDarkBlue);
	font-weight: 400;
	-webkit-border-radius: 2px;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.desktop .qtButton label span:hover {
	background: #f4f5f6;
}

.qtButton .Answer.Selected label span {
	background: #D9DCE0;
	color: var(--textDarkBlue);
}

.qtButton .Answer.Disabled label span {
    cursor: default;
}

.desktop .qtButton .Answer.Disabled label span:hover {
    background: #fff;
}

.qtButton .Answer.Disabled.Selected label span:hover {
	background: #F8F8F8;
	color: #ffffff;
}

.qtButton .Answer.HasColor span {
    border-left: solid 6px;
}



.Survey .Section.Split > .Questions > .Question {
    display: inline-block;
    width: 50%;
    padding: 0 5px;
    vertical-align: top;
}

.Survey .Section.QuadSplit > .Questions > .Question {
    display: inline-block;
    width: 25%;
    padding: 0 5px;
    vertical-align: top;
}

@media only screen and (max-width: 600px) {
    .Survey .Section.QuadSplit > .Questions > .Question {
        width: 50%;
    }
}

@media only screen and (max-width: 350px) {
    .Survey .Section.QuadSplit > .Questions > .Question {
        width: 100%;
    }

    .Survey .Section.Split > .Questions > .Question {
        width: 100%;
    }
}

.Survey .Section.Expandable > .Header .Name::after {
    content: "\002B";
    color: #e6e6e6;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.Survey .Section.Expandable.DefaultExpanded > .Header .Name::after {
    content: "\2212";
}

.Survey .Section.Expandable > .Questions {
    display: none;
}

.Survey .Section.Expandable.DefaultExpanded > .Questions {
    display: block;
}



.Survey .SurveyDone {
    background: #fff;
    padding: 10px;
    white-space: pre-wrap;
}

.Survey .LanguageSelector {
    list-style-type: none;
    float: right;
    margin-right: 10px;
}

    .Survey .LanguageSelector li {
        padding: 0px;
        margin: 0px;
        display: inline-block;
    }

    .Survey .LanguageSelector .LangaugeName {
        float: right;
        clear: both;
    }


.Survey .placeholder {
    visibility: hidden;
}

.Survey .Question.HideQuestion .placeholder {
    visibility: visible;
}

.Survey .HideQuestion .placeholder {
    color: graytext;
}

.Survey .Question.HideAnswerDefinition thead {
    display: none;
}


.Survey .Page {
    page-break-before: auto;
}

.Survey .Question,
.Survey .Question .Header,
.Survey .Question .Answer,
.Survey .qtFile .BoxOuter {
    page-break-inside: avoid;
}



.Question.CustomCompact .qtCustom .Question {
    float: left;
}

.Question.CustomCompact .qtCustom .Questions:after {
    content: '';
    display: block;
    clear: both;
}

.qtCustom > div > .Row {
    position: relative;
    padding: 10px 20px 10px 5px;
    border-bottom: solid 1px #adadad;
}

    .qtCustom > div > .Row > .Delete {
        position: absolute;
        right: 0;
        top: 15px;
    }

    .qtCustom > div > .Row:hover {
        background-color: #fafafa;
    }

.qtCustom .Question {
    margin-top: 0;
    margin-bottom: 5px;
}

.Survey .qtCustomTable {
    overflow: auto;
}

    .Survey .qtCustomTable > table {
        width: 100%;
    }

        .Survey .qtCustomTable > table th {
            font-weight: bold;
        }

        .Survey .qtCustomTable > table * {
            margin: 0;
        }

        .Survey .qtCustomTable > table .Question .Header,
        .Survey .qtCustomTable > table tbody .Question .QuestionText {
            display: none;
        }

        .Survey .qtCustomTable > table > tbody > tr:hover {
            background-color: #fafafa;
        }

        .Survey .qtCustomTable > table .Tools {
            vertical-align: middle;
            width: 20px;
        }

    .Survey .qtCustomTable .Question {
        min-width: 80px;
    }

        .Survey .qtCustomTable .Question .Answers {
            padding: 0 5px 0 0;
        }

    .Survey .qtCustomTable th {
        vertical-align: bottom;
        padding-right: 5px;
    }


.Survey .qtSign canvas {
    border: solid 1px #ccc !important;
}

.SurveyLoading {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: #fff;
	/*font-family: "Open Sans", Verdana, Helvetica, Sans-Serif;*/
	font-family: Poppins, Verdana,Arial,sans-serif;
}

    .SurveyLoading img {
        margin-bottom: 10px;
    }

.answerset-spinner {
	animation: 1s spin linear infinite !important;
	height: 60px;
	width: 60px;
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.sweetforms-spinner-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.sweetforms-spinner {
	display: inline-block;
	border-top: 2px solid currentcolor;
	border-right: 2px solid currentcolor;
	border-bottom-style: solid;
	border-left-style: solid;
	border-radius: 99999px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-bottom-color: transparent;
	border-left-color: transparent;
	animation: 0.45s linear 0s infinite normal none running spin;
	width: 3rem;
	height: 3rem;
	color: var(--sweetBlue);
}

.sweetforms-spinner span {
	border: 0px;
	clip: rect(0px, 0px, 0px, 0px);
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0px;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
}

    .SurveyLoading > div {
        text-align: center;
        position: absolute;
        width: 100%;
        height: 90px;
        top: 50%;
        margin-top: -45px;
    }

    .SurveyLoading.Hidden {
        display: none;
    }


.Survey .qtFile .Label.Add {
    position: relative;
    cursor: pointer !important;
}

.Survey .qtFile input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.Survey .qtFile .Files > div {
    padding: 4px;
}

    .Survey .qtFile .Files > div .Icon {
        float: right;
    }

.Survey .qtFile .Thumbs .BoxOuter {
    float: left;
    width: 20%;
    padding: 5px;
    min-width: 110px;
}

.Survey .qtFile .Thumbs .Box {
    background: #eee;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.Survey .qtFile .Thumbs .BoxInner {
    position: relative;
}

    .Survey .qtFile .Thumbs .BoxInner img {
        width: 100%;
    }

.Survey .qtFile .Thumbs:after {
    content: '';
    clear: both;
    display: block;
}

.Survey.Print .qtFile .Thumbs .BoxOuter {
    width: 50%;
}

@media only screen and (max-width: 900px) {
    .Survey .qtFile .Thumbs .BoxOuter {
        width: 25%;
    }
}

@media only screen and (max-width: 680px) {
	.Survey .qtFile .Thumbs .BoxOuter {
		width: 33.3%;
	}
}

@media only screen and (max-width: 490px) {
	.Survey .qtFile .Thumbs .BoxOuter {
        width: 50%;
    }
}

@media only screen and (max-width: 260px) {
    .Survey .qtFile .Thumbs .BoxOuter {
        width: 100%;
    }
}

.Survey .qtFile .Thumbs .BoxInner {
    position: relative;
}

.Survey .qtFile .Thumbs .Info {
    color: #fff;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
	border-radius: 20px;
    background: white;
    padding: 3px;
    white-space: nowrap;
    visibility: hidden;
    transition: all 0.3s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

    .Survey .qtFile .Thumbs .Info a {
        color: black;
    }

.mobile .qtFile .Thumbs .Info {
    transition-delay: 0.2s;
}

.Survey .qtFile .Thumbs .Tools {
    float: right;
}

.Survey .qtFile .Thumbs .Name {
    margin-right: 20px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Survey .qtFile .Thumbs .BoxInner:hover .Info {
    height: 25px;
    visibility: visible;
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=75);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
}

.Survey.Print .qtFile .Thumbs .BoxInner .Info {
    background: none;
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.Survey.Print .qtFile .Thumbs .BoxInner {
    padding-bottom: 25px;
}

.mobile .Survey .qtFile .Thumbs .BoxInner:hover .Info {
    height: 40px;
}


.Survey .qtFile .Progress {
    margin: 5px;
    background-color: #eee;
    padding: 0px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    transition: padding 0.6s;
}

    .Survey .qtFile .Progress .Container {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        overflow: hidden;
    }

	.Survey .qtFile .Progress .Bar {
		background-color: #F8F8F8;
		color: #ffffff;
		height: 0px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		transition: height 0.6s;
	}

.Survey .qtFile.Uploading .Progress {
    padding: 3px;
}

    .Survey .qtFile.Uploading .Progress .Bar {
        height: 10px;
    }

.Survey .Question.FileDropZone.Dragging {
    position: relative;
    border-color: #ddd;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fafafa;
}

.Survey .Question.FileDropZone.CanDrop {
    border-color: #00aa00;
}

.Survey .DoneDate {
    float: right;
    clear: both;
    font-size: 0.6em;
    margin-right: 10px;
}

.Survey .DoneDate {
    float: right;
    clear: both;
    font-size: 0.6em;
    margin-right: 10px;
}

.Survey .PageTabs {
    margin: 0;
    padding: 0;
    list-style-type: none;
    z-index: 1000;
    background: #fff;
    clear: both;
}

	.Survey .PageTabs > li {
		cursor: pointer;
		display: inline;
		border: solid 1px #F8F8F8;
		padding: 10px 20px;
		float: left;
		margin: 2px;
		font-weight: 500;
	}

		.Survey .PageTabs > li.Selected {
			background: #D9DCE0;
			color: var(--textDarkBlue);
		}

.Survey .Hide {
    display: none;
}

.Survey.Print .PrintHide {
    display: none;
}

.Survey.Print .Tools {
    display: none;
}

.Survey .page-break-before {
    page-break-before: always;
}

.PinnableDropdown {
    cursor: pointer;
}

	.PinnableDropdown .Current {
		border: solid 1px #F8F8F8;
		position: relative;
		height: 46px;
	}

        .PinnableDropdown .Current .Text {
            padding: 10px 20px;
        }

        .PinnableDropdown .Current .BagButton {
            transition: all 0.3s;
            width: 44px;
            height: 44px;
            position: absolute;
            top: 0;
            right: 0;
            background-repeat: no-repeat;
            background-position: center;
            background-image: url(../Images/24x24/down.png);
        }

    .PinnableDropdown.Collapsed .Current .BagButton {
        background-image: url(../Images/24x24/right.png);
    }

.cssanimations .PinnableDropdown.Collapsed .Current .BagButton {
    background-image: url(../Images/24x24/down.png);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-900deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.PinnableDropdown .Bag {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: #fff;
}

	.PinnableDropdown .Bag > li {
		display: inline;
		border: solid 1px #F8F8F8;
		padding: 10px 20px;
		;
		float: left;
		margin: 2px;
	}

		.PinnableDropdown .Bag > li.Selected {
			background: #F8F8F8;
			color: #ffffff;
		}

.PinnableDropdown.Collapsed .Bag {
    display: none;
}

.PinnableDropdown .Current .PinButton {
    transition: all 0.3s;
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    right: 44px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../Images/24x24/pin.png);
}

.PinnableDropdown.Pinned .Current .PinButton {
    background-image: url(../Images/24x24/pinned.png);
}

.PinnableDropdown.Collapsed .Current .PinButton {
    opacity: 0.00;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.cssanimations .PinnableDropdown.Pinned .Current .PinButton {
    background-image: url(../Images/24x24/pin.png);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-900deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

@media only screen and (max-width: 400px) {
    .PinnableDropdown li {
        width: 100%;
    }
}



/** Mobile styles **/
.mobile .Icon {
    width: 32px;
    height: 32px;
}

.mobile .IconText {
    line-height: 32px;
    font-size: 14px;
}

.mobile .qtCustom > div > .Row {
    padding-right: 36px;
}

.mobile .qtButton label span {
    min-height: 48px;
    line-height: 36px;
}

.mobile .Survey button {
    min-height: 48px;
    min-width: 48px;
}

.mobile .qtFile .Files > div {
    line-height: 44px;
    min-height: 44px;
}

.mobile .Navigation .SaveInfo {
    height: 48px;
    line-height: 48px;
    padding-top: 0;
    padding-bottom: 0;
}

.Survey .PrintTest {
    display: none;
    position: absolute;
    top: -1000px;
    left: -1000px;
    width: 1px;
    height: 1px;
    background-color: transparent;
}

.Survey .link-button {
    cursor: pointer;
}

    .Survey .link-button.round.xsmall {
        min-width: 0;
        width: 30px !important;
        height: 30px !important;
        line-height: 28px;
        padding: 0px;
        background-color: #ffffff;
        border: 1px solid transparent;
        cursor: pointer;
        -webkit-appearance: none;
        -webkit-border-radius: 0px;
        font-weight: 600;
        border-radius: 2px;
        box-shadow: 0 0px 4px rgba(0,0,0,0.12), 0 1px 4px 0 rgba(0,0,0,0.24);
				transition: none !important;
        text-align: center;
        margin: 5px;
        border-radius: 100%;
    }

    .Survey .link-button.round.xsmall.active {
        background-color: var(--sweetBlue);
        color: #ffffff;
    }
		.Survey .link-button.round.xsmall:hover {
			background: #f4f5f6;
			outline: none !important;
		}
		.Survey .link-button.round.xsmall.active:hover {
			opacity: 0.8;
			background-color: var(--sweetBlue);
			outline: none !important;
		}


.Survey .icon-info:before {
	content: 'i';
	font-family: Poppins, Verdana, Arial, sans-serif !important;
	background-image: none;
}

@media print {
    #SurveyDiv {
        position: static;
        overflow: auto;
    }

    .Survey .PrintTest {
        display: block;
    }

    .Survey .HideInPdf {
        display: block;
    }

    .Survey .ShowInPdf {
        display: block;
    }

    .SurveyTrigger .Survey.Print {
        box-shadow: none;
    }

    .Survey {
        padding: 0 !important;
    }
    /* margins handled by pdf generator. dont mess with it. */

}

/* loader */

.Survey .InputLoader { width: 100%; overflow: hidden; height: 5px; }
.Survey .InputLoader.Visible { background-color: rgba(208, 211, 247, 0.2); }
.Survey .InputLoader.Visible .InputLoaderValue { width: 100%; height: 100%; background: linear-gradient(to right,rgba(208, 211, 247, 0.2), rgba(208, 211, 247), rgba(208, 211, 247, 0.2)); animation: loaderAnimation 2s infinite linear; transform-origin: 0% 50%; }

@keyframes loaderAnimation {
	0% { transform: translateX(0) scaleX(0); }
	40% { transform: translateX(0) scaleX(0.4); }
	100% { transform: translateX(100%) scaleX(0.5); }
}


.icon-container {
    position: absolute;
    right: 10px;
    top: calc(50% - 10px);
}

.input-loader {
    position: relative;
    height: 20px;
    width: 20px;
    display: inline-block;
    animation: around 5.4s infinite;
}

@keyframes around {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.input-loader::after, .input-loader::before {
    content: "";
    background: white;
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    border-width: 2px;
    border-color: #64b867 #64b867 transparent transparent;
    border-style: solid;
    border-radius: 20px;
    box-sizing: border-box;
    top: 0;
    left: 0;
    animation: around 0.7s ease-in-out infinite;
}

.input-loader::after {
    animation: around 0.7s ease-in-out 0.1s infinite;
    background: transparent;
}

.recaptcha {
    display: flex;
    justify-content: flex-end;
}

.dialog-title-text {
    padding: 10px;
}

.message-detail {
    background-color: rgba(255, 179, 0, 0.1);
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px 20px;
    font-weight: 400;
    font-size: smaller;
    position: relative;
    margin-bottom: 12px;
    text-align: -webkit-left;
    line-break: auto;
    margin: -10px 0 20px 0;
}

.create-new-version-confirm {
    
}
    .create-new-version-confirm::before {
        content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 13H11V15H9V13ZM9 5H11V11H9V5ZM10 0C4.47 0 0 4.5 0 10C0 12.6522 1.05357 15.1957 2.92893 17.0711C3.85752 17.9997 4.95991 18.7362 6.17317 19.2388C7.38642 19.7413 8.68678 20 10 20C12.6522 20 15.1957 18.9464 17.0711 17.0711C18.9464 15.1957 20 12.6522 20 10C20 8.68678 19.7413 7.38642 19.2388 6.17317C18.7362 4.95991 17.9997 3.85752 17.0711 2.92893C16.1425 2.00035 15.0401 1.26375 13.8268 0.761205C12.6136 0.258658 11.3132 0 10 0M10 18C7.87827 18 5.84344 17.1571 4.34315 15.6569C2.84285 14.1566 2 12.1217 2 10C2 7.87827 2.84285 5.84344 4.34315 4.34315C5.84344 2.84285 7.87827 2 10 2C12.1217 2 14.1566 2.84285 15.6569 4.34315C17.1571 5.84344 18 7.87827 18 10C18 12.1217 17.1571 14.1566 15.6569 15.6569C14.1566 17.1571 12.1217 18 10 18V18Z' fill='%23FFB300'%3E%3C/path%3E%3C/svg%3E");
    }

.Survey .AnswerSetStatusError {
	background-color: white;
	border-radius: 8px;
	padding: 10px;
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
}

	.Survey .AnswerSetStatusError .ErrorIcon {
		background-color: #FAC7C7;
		border-radius: 15px;
		background-image: url(../Images/18x18/WarningCircle.svg);
		background-repeat: no-repeat;
		padding: 5px 10px;
		background-position: center left 6px;
	}
		.Survey .AnswerSetStatusError .ErrorIcon span {
			margin-left: 16px;
			font-weight: 600;
		}

	.Survey .AnswerSetStatusError .ErrorMessage span {
		font-size: 14px;
		font-weight: 600;
	}



.Survey .qtGeneralText .GeneralTextText {
	white-space: pre-wrap;
}
	.Survey .qtGeneralText .GeneralTextText a {
		text-decoration: underline;
		color: #535B7C;
	}

	.Survey .qtGeneralText .GeneralTextText p {
		padding: 0px;
		margin: 0px;
	}

	.Survey .qtGeneralText .GeneralTextText ol, .Survey .qtGeneralText .GeneralTextText ul {
		padding-left: revert;
		margin: 0px auto;
	}

.dw-trans .dw-persp {
    overflow: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
}
.dw-trans .dwwb,
.dw-trans .dwwo {
    -webkit-backface-visibility: hidden;
}
.dw-in,
.dw-out {
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-duration: 350ms;
    -moz-animation-fill-mode: forwards;
    -moz-animation-duration: 350ms;
    animation-fill-mode: forwards;
    animation-duration: 350ms;
}
.dw-in {
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
.dw-out {
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
.dw-flip,
.dw-swing,
.dw-slidehorizontal,
.dw-slidevertical,
.dw-slidedown,
.dw-slideup,
.dw-fade {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0);
    -moz-backface-visibility: hidden;
    -moz-transform: translateX(0);
    backface-visibility: hidden;
    transform: translateX(0);
}
.dw-swing,
.dw-slidehorizontal,
.dw-slidevertical,
.dw-slidedown,
.dw-slideup,
.dw-fade {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
}
.dw-flip,
.dw-pop {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.dw-pop.dw-in {
    opacity: 1;
    -webkit-animation-name: dw-p-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-p-in;
    -moz-transform: scale(1);
    transform: scale(1);
    animation-name: dw-p-in;
}
.dw-pop.dw-out {
    opacity: 0;
    -webkit-animation-name: dw-p-out;
    -moz-animation-name: dw-p-out;
    animation-name: dw-p-out;
}
.dw-flip.dw-in {
    opacity: 1;
    -webkit-animation-name: dw-fl-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-fl-in;
    -moz-transform: scale(1);
    animation-name: dw-fl-in;
    transform: scale(1);
}
.dw-flip.dw-out {
    opacity: 0;
    animation-name: dw-fl-out;
    -webkit-animation-name: dw-fl-out;
    -moz-animation-name: dw-fl-out;
}
.dw-swing.dw-in {
    opacity: 1;
    -webkit-animation-name: dw-sw-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-sw-in;
    -moz-transform: scale(1);
    transform: scale(1);
    animation-name: dw-sw-in;
}
.dw-swing.dw-out {
    opacity: 0;
    -webkit-animation-name: dw-sw-out;
    -moz-animation-name: dw-sw-out;
    animation-name: dw-sw-out;
}
.dw-slidehorizontal.dw-in {
    opacity: 1;
    -webkit-animation-name: dw-sh-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-sh-in;
    -moz-transform: scale(1);
    transform: scale(1);
    animation-name: dw-sh-in;
}
.dw-slidehorizontal.dw-out {
    opacity: 0;
    -webkit-animation-name: dw-sh-out;
    -moz-animation-name: dw-sh-out;
    animation-name: dw-sh-out;
}
.dw-slidevertical.dw-in {
    opacity: 1;
    -webkit-animation-name: dw-dw-sv-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-dw-sv-in;
    -moz-transform: scale(1);
    animation-name: dw-dw-sv-in;
    transform: scale(1);
}
.dw-slidevertical.dw-out {
    opacity: 0;
    -webkit-animation-name: dw-sv-out;
    -moz-animation-name: dw-sv-out;
    animation-name: dw-sv-out;
}
.dw-slidedown.dw-in {
    -webkit-animation-name: dw-sd-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-sd-in;
    -moz-transform: scale(1);
    animation-name: dw-sd-in;
    transform: scale(1);
}
.dw-slidedown.dw-out {
    animation-name: dw-sd-out;
    -webkit-animation-name: dw-sd-out;
    -webkit-transform: translateY(-100%);
    -moz-animation-name: dw-sd-out;
    -moz-transform: translateY(-100%);
}
.dw-slideup.dw-in {
    -webkit-animation-name: dw-su-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-su-in;
    -moz-transform: scale(1);
    transform: scale(1);
    animation-name: dw-su-in;
}
.dw-slideup.dw-out {
    animation-name: dw-su-out;
    -webkit-animation-name: dw-su-out;
    -webkit-transform: translateY(100%);
    -moz-animation-name: dw-su-out;
    -moz-transform: translateY(100%);
}
.dw-fade.dw-in {
    opacity: 1;
    -webkit-animation-name: dw-f-in;
    -moz-animation-name: dw-f-in;
    animation-name: dw-f-in;
}
.dw-fade.dw-out {
    opacity: 0;
    -webkit-animation-name: dw-f-out;
    -moz-animation-name: dw-f-out;
    animation-name: dw-f-out;
}
/* Fade in */
@keyframes dw-f-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes dw-f-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-moz-keyframes dw-f-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* Fade out */
@keyframes dw-f-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes dw-f-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-moz-keyframes dw-f-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
/* Pop in */
@keyframes dw-p-in {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
@-webkit-keyframes dw-p-in {
    from {
        opacity: 0;
        -webkit-transform: scale(0.8);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes dw-p-in {
    from {
        opacity: 0;
        -moz-transform: scale(0.8);
    }
    to {
        opacity: 1;
        -moz-transform: scale(1);
    }
}
/* Pop out */
@keyframes dw-p-out {
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(0.8);
    }
}
@-webkit-keyframes dw-p-out {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.8);
    }
}
@-moz-keyframes dw-p-out {
    from {
        opacity: 1;
        -moz-transform: scale(1);
    }
    to {
        opacity: 0;
        -moz-transform: scale(0.8);
    }
}
/* Flip in */
@keyframes dw-fl-in {
    from {
        opacity: 0;
        transform: rotateY(90deg);
    }
    to {
        opacity: 1;
        transform: rotateY(0);
    }
}
@-webkit-keyframes dw-fl-in {
    from {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
    }
    to {
        opacity: 1;
        -webkit-transform: rotateY(0);
    }
}
@-moz-keyframes dw-fl-in {
    from {
        opacity: 0;
        -moz-transform: rotateY(90deg);
    }
    to {
        opacity: 1;
        -moz-transform: rotateY(0);
    }
}
/* Flip out */
@keyframes dw-fl-out {
    from {
        opacity: 1;
        transform: rotateY(0deg);
    }
    to {
        opacity: 0;
        transform: rotateY(-90deg);
    }
}
@-webkit-keyframes dw-fl-out {
    from {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
    }
    to {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
    }
}
@-moz-keyframes dw-fl-out {
    from {
        opacity: 1;
        -moz-transform: rotateY(0deg);
    }
    to {
        opacity: 0;
        -moz-transform: rotateY(-90deg);
    }
}
/* Swing in */
@keyframes dw-sw-in {
    from {
        opacity: 0;
        transform: rotateY(-90deg);
    }
    to {
        opacity: 1;
        transform: rotateY(0deg);
    }
}
@-webkit-keyframes dw-sw-in {
    from {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
    }
    to {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
    }
}
@-moz-keyframes dw-sw-in {
    from {
        opacity: 0;
        -moz-transform: rotateY(-90deg);
    }
    to {
        opacity: 1;
        -moz-transform: rotateY(0deg);
    }
}
/* Swing out */
@keyframes dw-sw-out {
    from {
        opacity: 1;
        transform: rotateY(0deg);
    }
    to {
        opacity: 0;
        transform: rotateY(-90deg);
    }
}
@-webkit-keyframes dw-sw-out {
    from {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
    }
    to {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
    }
}
@-moz-keyframes dw-sw-out {
    from {
        opacity: 1;
        -moz-transform: rotateY(0deg);
    }
    to {
        opacity: 0;
        -moz-transform: rotateY(-90deg);
    }
}
/* Slide horizontal in */
@keyframes dw-sh-in {
    from {
        opacity: 0;
        transform: translateX(-100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@-webkit-keyframes dw-sh-in {
    from {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes dw-sh-in {
    from {
        opacity: 0;
        -moz-transform: translateX(-100%);
    }
    to {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}
/* Slide horizontal out */
@keyframes dw-sh-out {
    from {
        opacity: 1;
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(100%);
    }
}
@-webkit-keyframes dw-sh-out {
    from {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }
}
@-moz-keyframes dw-sh-out {
    from {
        opacity: 1;
        -moz-transform: translateX(0);
    }
    to {
        opacity: 0;
        -moz-transform: translateX(100%);
    }
}
/* Slide vertical in */
@keyframes dw-dw-sv-in {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@-webkit-keyframes dw-dw-sv-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes dw-dw-sv-in {
    from {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}
/* Slide vertical out */
@keyframes dw-sv-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(100%);
    }
}
@-webkit-keyframes dw-sv-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
}
@-moz-keyframes dw-sv-out {
    from {
        opacity: 1;
        -moz-transform: translateY(0);
    }
    to {
        opacity: 0;
        -moz-transform: translateY(100%);
    }
}
/* Slide Down In */
@keyframes dw-sd-in {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}
@-webkit-keyframes dw-sd-in {
    from {
        opacity: 1;
        -webkit-transform: translateY(-100%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes dw-sd-in {
    from {
        -moz-transform: translateY(-100%);
    }
    to {
        -moz-transform: translateY(0);
    }
}
/* Slide down out */
@keyframes dw-sd-out {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-100%);
    }
}
@-webkit-keyframes dw-sd-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(-100%);
    }
}
@-moz-keyframes dw-sd-out {
    from {
        -moz-transform: translateY(0);
    }
    to {
        -moz-transform: translateY(-100%);
    }
}
/* Slide Up In */
@keyframes dw-su-in {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
}
@-webkit-keyframes dw-su-in {
    from {
        opacity: 1;
        -webkit-transform: translateY(100%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes dw-su-in {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0);
    }
}
/* Slide up out */
@keyframes dw-su-out {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(100%);
    }
}
@-webkit-keyframes dw-su-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(100%);
    }
}
@-moz-keyframes dw-su-out {
    from {
        -moz-transform: translateY(0);
    }
    to {
        -moz-transform: translateY(100%);
    }
}

.dw-trans .dw-persp { overflow: hidden; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; }
.dw-trans .dwwb,
.dw-trans .dwwo { -webkit-backface-visibility: hidden; }
.dw-in,
.dw-out { -webkit-animation-fill-mode: forwards; -webkit-animation-duration: 350ms; -moz-animation-fill-mode: forwards; -moz-animation-duration: 350ms; animation-fill-mode: forwards; animation-duration: 350ms; }
.dw-in { -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; }
.dw-out { -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; animation-timing-function: ease-in; }
.dw-flip,
.dw-swing,
.dw-slidehorizontal,
.dw-slidevertical,
.dw-slidedown,
.dw-slideup,
.dw-fade { -webkit-backface-visibility: hidden; -webkit-transform: translateX(0); -moz-backface-visibility: hidden; -moz-transform: translateX(0); backface-visibility: hidden; transform: translateX(0); }
.dw-swing,
.dw-slidehorizontal,
.dw-slidevertical,
.dw-slidedown,
.dw-slideup,
.dw-fade { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; }
.dw-flip,
.dw-pop { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.dw-pop.dw-in { opacity: 1; -webkit-animation-name: dw-p-in; -webkit-transform: scale(1); -moz-animation-name: dw-p-in; -moz-transform: scale(1); transform: scale(1); animation-name: dw-p-in; }
.dw-pop.dw-out { opacity: 0; -webkit-animation-name: dw-p-out; -moz-animation-name: dw-p-out; animation-name: dw-p-out; }
.dw-flip.dw-in { opacity: 1; -webkit-animation-name: dw-fl-in; -webkit-transform: scale(1); -moz-animation-name: dw-fl-in; -moz-transform: scale(1); animation-name: dw-fl-in; transform: scale(1); }
.dw-flip.dw-out { opacity: 0; animation-name: dw-fl-out; -webkit-animation-name: dw-fl-out; -moz-animation-name: dw-fl-out; }
.dw-swing.dw-in { opacity: 1; -webkit-animation-name: dw-sw-in; -webkit-transform: scale(1); -moz-animation-name: dw-sw-in; -moz-transform: scale(1); transform: scale(1); animation-name: dw-sw-in; }
.dw-swing.dw-out { opacity: 0; -webkit-animation-name: dw-sw-out; -moz-animation-name: dw-sw-out; animation-name: dw-sw-out; }
.dw-slidehorizontal.dw-in { opacity: 1; -webkit-animation-name: dw-sh-in; -webkit-transform: scale(1); -moz-animation-name: dw-sh-in; -moz-transform: scale(1); transform: scale(1); animation-name: dw-sh-in; }
.dw-slidehorizontal.dw-out { opacity: 0; -webkit-animation-name: dw-sh-out; -moz-animation-name: dw-sh-out; animation-name: dw-sh-out; }
.dw-slidevertical.dw-in { opacity: 1; -webkit-animation-name: dw-dw-sv-in; -webkit-transform: scale(1); -moz-animation-name: dw-dw-sv-in; -moz-transform: scale(1); animation-name: dw-dw-sv-in; transform: scale(1); }
.dw-slidevertical.dw-out { opacity: 0; -webkit-animation-name: dw-sv-out; -moz-animation-name: dw-sv-out; animation-name: dw-sv-out; }
.dw-slidedown.dw-in { -webkit-animation-name: dw-sd-in; -webkit-transform: scale(1); -moz-animation-name: dw-sd-in; -moz-transform: scale(1); animation-name: dw-sd-in; transform: scale(1); }
.dw-slidedown.dw-out { animation-name: dw-sd-out; -webkit-animation-name: dw-sd-out; -webkit-transform: translateY(-100%); -moz-animation-name: dw-sd-out; -moz-transform: translateY(-100%); }
.dw-slideup.dw-in { -webkit-animation-name: dw-su-in; -webkit-transform: scale(1); -moz-animation-name: dw-su-in; -moz-transform: scale(1); transform: scale(1); animation-name: dw-su-in; }
.dw-slideup.dw-out { animation-name: dw-su-out; -webkit-animation-name: dw-su-out; -webkit-transform: translateY(100%); -moz-animation-name: dw-su-out; -moz-transform: translateY(100%); }
.dw-fade.dw-in { opacity: 1; -webkit-animation-name: dw-f-in; -moz-animation-name: dw-f-in; animation-name: dw-f-in; }
.dw-fade.dw-out { opacity: 0; -webkit-animation-name: dw-f-out; -moz-animation-name: dw-f-out; animation-name: dw-f-out; }
/* Fade in */
@keyframes dw-f-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-webkit-keyframes dw-f-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-moz-keyframes dw-f-in {
	from { opacity: 0; }
	to { opacity: 1; }
}
/* Fade out */
@keyframes dw-f-out {
	from { opacity: 1; }
	to { opacity: 0; }
}

@-webkit-keyframes dw-f-out {
	from { opacity: 1; }
	to { opacity: 0; }
}

@-moz-keyframes dw-f-out {
	from { opacity: 1; }
	to { opacity: 0; }
}
/* Pop in */
@keyframes dw-p-in {
	from { opacity: 0; transform: scale(0.8); }
	to { opacity: 1; transform: scale(1); }
}

@-webkit-keyframes dw-p-in {
	from { opacity: 0; -webkit-transform: scale(0.8); }
	to { opacity: 1; -webkit-transform: scale(1); }
}

@-moz-keyframes dw-p-in {
	from { opacity: 0; -moz-transform: scale(0.8); }
	to { opacity: 1; -moz-transform: scale(1); }
}
/* Pop out */
@keyframes dw-p-out {
	from { opacity: 1; transform: scale(1); }
	to { opacity: 0; transform: scale(0.8); }
}

@-webkit-keyframes dw-p-out {
	from { opacity: 1; -webkit-transform: scale(1); }
	to { opacity: 0; -webkit-transform: scale(0.8); }
}

@-moz-keyframes dw-p-out {
	from { opacity: 1; -moz-transform: scale(1); }
	to { opacity: 0; -moz-transform: scale(0.8); }
}
/* Flip in */
@keyframes dw-fl-in {
	from { opacity: 0; transform: rotateY(90deg); }
	to { opacity: 1; transform: rotateY(0); }
}

@-webkit-keyframes dw-fl-in {
	from { opacity: 0; -webkit-transform: rotateY(90deg); }
	to { opacity: 1; -webkit-transform: rotateY(0); }
}

@-moz-keyframes dw-fl-in {
	from { opacity: 0; -moz-transform: rotateY(90deg); }
	to { opacity: 1; -moz-transform: rotateY(0); }
}
/* Flip out */
@keyframes dw-fl-out {
	from { opacity: 1; transform: rotateY(0deg); }
	to { opacity: 0; transform: rotateY(-90deg); }
}

@-webkit-keyframes dw-fl-out {
	from { opacity: 1; -webkit-transform: rotateY(0deg); }
	to { opacity: 0; -webkit-transform: rotateY(-90deg); }
}

@-moz-keyframes dw-fl-out {
	from { opacity: 1; -moz-transform: rotateY(0deg); }
	to { opacity: 0; -moz-transform: rotateY(-90deg); }
}
/* Swing in */
@keyframes dw-sw-in {
	from { opacity: 0; transform: rotateY(-90deg); }
	to { opacity: 1; transform: rotateY(0deg); }
}

@-webkit-keyframes dw-sw-in {
	from { opacity: 0; -webkit-transform: rotateY(-90deg); }
	to { opacity: 1; -webkit-transform: rotateY(0deg); }
}

@-moz-keyframes dw-sw-in {
	from { opacity: 0; -moz-transform: rotateY(-90deg); }
	to { opacity: 1; -moz-transform: rotateY(0deg); }
}
/* Swing out */
@keyframes dw-sw-out {
	from { opacity: 1; transform: rotateY(0deg); }
	to { opacity: 0; transform: rotateY(-90deg); }
}

@-webkit-keyframes dw-sw-out {
	from { opacity: 1; -webkit-transform: rotateY(0deg); }
	to { opacity: 0; -webkit-transform: rotateY(-90deg); }
}

@-moz-keyframes dw-sw-out {
	from { opacity: 1; -moz-transform: rotateY(0deg); }
	to { opacity: 0; -moz-transform: rotateY(-90deg); }
}
/* Slide horizontal in */
@keyframes dw-sh-in {
	from { opacity: 0; transform: translateX(-100%); }
	to { opacity: 1; transform: translateX(0); }
}

@-webkit-keyframes dw-sh-in {
	from { opacity: 0; -webkit-transform: translateX(-100%); }
	to { opacity: 1; -webkit-transform: translateX(0); }
}

@-moz-keyframes dw-sh-in {
	from { opacity: 0; -moz-transform: translateX(-100%); }
	to { opacity: 1; -moz-transform: translateX(0); }
}
/* Slide horizontal out */
@keyframes dw-sh-out {
	from { opacity: 1; transform: translateX(0); }
	to { opacity: 0; transform: translateX(100%); }
}

@-webkit-keyframes dw-sh-out {
	from { opacity: 1; -webkit-transform: translateX(0); }
	to { opacity: 0; -webkit-transform: translateX(100%); }
}

@-moz-keyframes dw-sh-out {
	from { opacity: 1; -moz-transform: translateX(0); }
	to { opacity: 0; -moz-transform: translateX(100%); }
}
/* Slide vertical in */
@keyframes dw-dw-sv-in {
	from { opacity: 0; transform: translateY(-100%); }
	to { opacity: 1; transform: translateY(0); }
}

@-webkit-keyframes dw-dw-sv-in {
	from { opacity: 0; -webkit-transform: translateY(-100%); }
	to { opacity: 1; -webkit-transform: translateY(0); }
}

@-moz-keyframes dw-dw-sv-in {
	from { opacity: 0; -moz-transform: translateY(-100%); }
	to { opacity: 1; -moz-transform: translateY(0); }
}
/* Slide vertical out */
@keyframes dw-sv-out {
	from { opacity: 1; transform: translateY(0); }
	to { opacity: 0; transform: translateY(100%); }
}

@-webkit-keyframes dw-sv-out {
	from { opacity: 1; -webkit-transform: translateY(0); }
	to { opacity: 0; -webkit-transform: translateY(100%); }
}

@-moz-keyframes dw-sv-out {
	from { opacity: 1; -moz-transform: translateY(0); }
	to { opacity: 0; -moz-transform: translateY(100%); }
}
/* Slide Down In */
@keyframes dw-sd-in {
	from { transform: translateY(-100%); }
	to { transform: translateY(0); }
}

@-webkit-keyframes dw-sd-in {
	from { opacity: 1; -webkit-transform: translateY(-100%); }
	to { opacity: 1; -webkit-transform: translateY(0); }
}

@-moz-keyframes dw-sd-in {
	from { -moz-transform: translateY(-100%); }
	to { -moz-transform: translateY(0); }
}
/* Slide down out */
@keyframes dw-sd-out {
	from { transform: translateY(0); }
	to { transform: translateY(-100%); }
}

@-webkit-keyframes dw-sd-out {
	from { opacity: 1; -webkit-transform: translateY(0); }
	to { opacity: 1; -webkit-transform: translateY(-100%); }
}

@-moz-keyframes dw-sd-out {
	from { -moz-transform: translateY(0); }
	to { -moz-transform: translateY(-100%); }
}
/* Slide Up In */
@keyframes dw-su-in {
	from { transform: translateY(100%); }
	to { transform: translateY(0); }
}

@-webkit-keyframes dw-su-in {
	from { opacity: 1; -webkit-transform: translateY(100%); }
	to { opacity: 1; -webkit-transform: translateY(0); }
}

@-moz-keyframes dw-su-in {
	from { -moz-transform: translateY(100%); }
	to { -moz-transform: translateY(0); }
}
/* Slide up out */
@keyframes dw-su-out {
	from { transform: translateY(0); }
	to { transform: translateY(100%); }
}

@-webkit-keyframes dw-su-out {
	from { opacity: 1; -webkit-transform: translateY(0); }
	to { opacity: 1; -webkit-transform: translateY(100%); }
}

@-moz-keyframes dw-su-out {
	from { -moz-transform: translateY(0); }
	to { -moz-transform: translateY(100%); }
}

.dw, .dwo {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.dw {
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    font-size: 12px;
    text-shadow: none;
    -webkit-backface-visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-touch-action: none;
    backface-visibility: hidden;
    user-select: none;
    touch-action: none;
}
/* Box sizing */
.dw,
.dwc,
.dwbc {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.dwwr {
    padding: 0 2px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    min-width: 170px;
    zoom: 1;
    overflow: hidden;
    text-align: center;
}
.dw-top .dw, .dw-bottom .dw {
    width: 100%;
}
.dw-top .dwwr, .dw-bottom .dwwr {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
/* Modal overlay */
.dw-persp, .dwo {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.dw-persp {
    z-index: 99998;
}
.dwo {
    z-index: 1;
    background: #000;
    background: rgba(0,0,0,.7);
    filter: Alpha(Opacity=70);
}
/* Liquid mode */
.dw-liq .dw .dwc {
    display: block;
}
.dw-liq .dw-tbl {
    width: 100%;
    table-layout: fixed;
}
/* Inline mode */
.dw-inline .dw {
    position: static;
    display: inline-block;
}
.dw-inline.dw-liq .dw-persp .dw {
    display: block;
}
.dw-inline .dw-persp {
    position: static;
}
.dw-inline .dwv {
    margin: 0 2px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
/* Bubble mode */
.dw-bubble .dw {
    margin: 20px 0;
}
.dw-bubble .dw-arrw {
    position: absolute;
    left: 0;
    width: 100%;
}
.dw-bubble-top .dw-arrw {
    bottom: -36px;
}
.dw-bubble-bottom .dw-arrw {
    top: -36px;
}
.dw-bubble .dw-arrw-i {
    margin: 0 30px;
    position: relative;
    height: 36px;
}
.dw-bubble .dw-arr {
    display: block;
}
.dw-arr {
    display: none;
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-width: 18px 18px;
    border-style: solid;
    margin-left: -18px;
}
.dw-bubble-bottom .dw-arr {
    top: 0;
    border-color: transparent transparent #ffffff transparent;
}
.dw-bubble-top .dw-arr {
    bottom: 0;
    border-color: #ffffff transparent transparent transparent;
}
/* Wheel container wrapper */
.dwc {
    max-width: 100%;
    vertical-align: middle;
    padding: 26px 2px 4px 2px;
    display: inline-block;
    overflow: hidden;
}
/* Wheel label */
.dwl {
    left: 0;
    text-align: center;
    line-height: 30px;
    height: 30px;
    white-space: nowrap;
    position: absolute;
    top: -30px;
    width: 100%;
}
/* Wheel value */
.dwv {
    padding: 7px 0;
    margin: 0 -2px;
    font-size: 14px;
}
.dw-hidden, 
.dw .dwwr .dw-hidden {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
}
/* Wheel container */
.dwwc {
    margin: 0 auto;
    position: relative;
    zoom: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.dwfl {
    padding: 4px 3px;
    margin: 0 -1px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
	flex: 1 auto;
    background: #000;
}
.dwfl:first-child {
    margin-left: 0;
    padding-left: 4px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
.dwfl:last-child {
    margin-right: 0;
    padding-right: 4px;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
/* Wheels */
.dwwl {
    margin: 0;
    padding: 0 2px;
    position: relative;
    z-index: 5;
}
.dwww {
    position: relative;
    padding: 1px;
    overflow: hidden;
}
.dww {
    overflow: hidden;
    position: relative;
}
.dwsc .dwwl {
    background: #888;
    background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.35, #333),color-stop(0.50, #888),color-stop(0.65, #333),to(#000));
    background: -webkit-linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%);
    background: -moz-linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%);
    background: linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%);
}
.dwsc .dww {
    color: #ffffff;
    background: #444;
    background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.45, #444),color-stop(0.55, #444),to(#000));
    background: -webkit-linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%);
    background: -moz-linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%);
    background: linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%);
}
.dw-bf {
    -webkit-perspective: 1000px;
    -webkit-backface-visibility: hidden;
    perspective: 1000px;
    backface-visibility: hidden;
}
.dw-ul {
    position: relative;
    z-index: 3;
}
.dw-li {
    padding: 0 5px;
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 26px;
    white-space: nowrap;
    text-shadow: 0 1px 1px #000;
    vertical-align: bottom;
    opacity: .3;
    filter: Alpha(Opacity=30);
}
/* Higlighted */
.dw-li.dw-hl {
    background: #ffffff;
    background: rgba(255,255,255,.3);
}
/* Valid entry */
.dw-li.dw-v {
    opacity: 1;
    filter: Alpha(Opacity=100);
}
/* Hidden entry */
.dw-li.dw-h {
    visibility: hidden;
}
.dw-i {
    position: relative;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* Wheel +/- buttons */
.dwwb {
    position: absolute;
    z-index: 4;
    left: 0;
    cursor: pointer;
    width: 100%;
    height: 40px;
    text-align: center;
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
}
.dwa .dwwb {
    opacity: 0;
}
.dwpm .dwwbp {
    top: 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    font-size: 40px;
}
.dwpm .dwwbm {
    bottom: 0;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    font-size: 32px;
    font-weight: bold;
}
.dwpm .dwwl {
    padding: 0;
}
.dwpm .dw-li {
    text-shadow: none;
}
.dwpm .dwwol {
    display: none;
}
/* Wheel overlay */
.dwwo {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.52, rgba(44,44,44,0)),color-stop(0.48, rgba(44,44,44,0)),to(#000));
    background: -webkit-linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%);
    background: -moz-linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%);
    background: linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%);
    pointer-events: none;
}
/* Background line */
.dwwol {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0;
    margin-top: -1px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #555;
    pointer-events: none;
}
/* Buttons */
.dwbg .dwb {
    cursor: pointer;
    overflow: hidden;
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    margin: 0 2px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 -1px 1px #000;
    color: #ffffff;
    background: #000;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, #000),color-stop(0.5, #6e6e6e));
    background: -webkit-linear-gradient(#6e6e6e 50%,#000 50%);
    background: -moz-linear-gradient(#6e6e6e 50%,#000 50%);
    background: linear-gradient(#6e6e6e 50%,#000 50%);
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-border-radius: 5px;
    -webkit-backface-visibility: hidden;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    backface-visibility: hidden;
}
/* Button container */
.dwbc {
    display: table;
    width: 100%;
    padding-bottom: 4px;
    text-align: center;
}
/* Button wrapper */
.dwbw  {
    display: table-cell;
    position: relative;
    z-index: 5;
}
/* Hidden label */
.dwhl {
    padding-top: 4px;
}
.dwhl .dwl {
    display: none;
}
/* Hidden select element */
.dw-hsel {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
}
/* Multiple lines */
.dw-ml .dw-li {
    overflow: hidden;
}
.dw-ml .dw-ul .dw-li .dw-i {
    width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
}
/* Multiple selection */
.dwms .dwwms .dw-li {
    padding: 0 40px;
    position: relative;
}
.dwms .dw-msel:after {
    width: 40px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    content: '\2714';
}
/* Backgrounds */
.dwbg .dwwr {
    background: #ffffff;
    color: #000;
    font-family: arial, verdana, sans-serif;
}
.dwbg .dwv {
    background-color: #dfdfdf;
}
.dwbg .dwpm .dwwl {
    background: #ffffff;
}
.dwbg .dwpm .dww {
    color: #000;
    background: #ffffff;
    -webkit-border-radius: 3px;
}
.dwbg .dwwb {
    background: #ccc;
    color: #888;
    font-weight: normal;
    text-decoration: none;
    text-shadow: 0 -1px 1px #333;
    box-shadow: 0 0 5px #333;
    -webkit-box-shadow: 0 0 5px #333;
}
.dwbg .dwwbp {
    background: -webkit-gradient(linear,left bottom,left top,from(#bdbdbd),to(#f7f7f7));
    background: -webkit-linear-gradient(#f7f7f7,#bdbdbd);
    background: -moz-linear-gradient(#f7f7f7,#bdbdbd);
    background: linear-gradient(#f7f7f7,#bdbdbd);
}
.dwbg .dwwbm {
    background: -webkit-gradient(linear,left bottom,left top,from(#f7f7f7),to(#bdbdbd));
    background: -webkit-linear-gradient(#bdbdbd,#f7f7f7);
    background: -moz-linear-gradient(#bdbdbd,#f7f7f7);
    background: linear-gradient(#bdbdbd,#f7f7f7);
}
.dwbg .dwbc {
    font-size: 0;
}
.dwbg .dwb-a {
    background: #3c7500;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, #3c7500),color-stop(0.5, #94c840));
    background: -webkit-linear-gradient(#94c840 50%,#3c7500 50%);
    background: -moz-linear-gradient(#94c840 50%,#3c7500 50%);
    background: linear-gradient(#94c840 50%,#3c7500 50%);
}
.dwbg .dwwl .dwb-a {
    background: #3c7500;
    background: -webkit-gradient(linear,left bottom,left top,from(#3c7500),to(#94c840));
    background: -webkit-linear-gradient(#94c840,#3c7500);
    background: -moz-linear-gradient(#94c840,#3c7500);
    background: linear-gradient(#94c840,#3c7500);
}

.dw, .dwo {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.dw {
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    font-size: 12px;
    text-shadow: none;
    -webkit-backface-visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-touch-action: none;
    backface-visibility: hidden;
    user-select: none;
    touch-action: none;
}
/* Box sizing */
.dw,
.dwc,
.dwbc {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.dwwr {
    padding: 0 2px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    min-width: 170px;
    zoom: 1;
    overflow: hidden;
    text-align: center;
}
.dw-top .dw, .dw-bottom .dw {
    width: 100%;
}
.dw-top .dwwr, .dw-bottom .dwwr {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
/* Modal overlay */
.dw-persp, .dwo {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.dw-persp {
    z-index: 99998;
}
.dwo {
    z-index: 1;
    background: #000;
    background: rgba(0,0,0,.7);
    filter: Alpha(Opacity=70);
}
/* Liquid mode */
.dw-liq .dw .dwc {
    display: block;
}
.dw-liq .dw-tbl {
    width: 100%;
    table-layout: fixed;
}
/* Inline mode */
.dw-inline .dw {
    position: static;
    display: inline-block;
}
.dw-inline.dw-liq .dw-persp .dw {
    display: block;
}
.dw-inline .dw-persp {
    position: static;
}
.dw-inline .dwv {
    margin: 0 2px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
/* Bubble mode */
.dw-bubble .dw {
    margin: 20px 0;
}
.dw-bubble .dw-arrw {
    position: absolute;
    left: 0;
    width: 100%;
}
.dw-bubble-top .dw-arrw {
    bottom: -36px;
}
.dw-bubble-bottom .dw-arrw {
    top: -36px;
}
.dw-bubble .dw-arrw-i {
    margin: 0 30px;
    position: relative;
    height: 36px;
}
.dw-bubble .dw-arr {
    display: block;
}
.dw-arr {
    display: none;
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-width: 18px 18px;
    border-style: solid;
    margin-left: -18px;
}
.dw-bubble-bottom .dw-arr {
    top: 0;
    border-color: transparent transparent #fff transparent;
}
.dw-bubble-top .dw-arr {
    bottom: 0;
    border-color: #fff transparent transparent transparent;
}
/* Wheel container wrapper */
.dwc {
    max-width: 100%;
    vertical-align: middle;
    padding: 26px 2px 4px 2px;
    display: inline-block;
    overflow: hidden;
}
/* Wheel label */
.dwl {
    left: 0;
    text-align: center;
    line-height: 30px;
    height: 30px;
    white-space: nowrap;
    position: absolute;
    top: -30px;
    width: 100%;
}
/* Wheel value */
.dwv {
    padding: 7px 0;
    margin: 0 -2px;
    font-size: 14px;
}
.dw-hidden, 
.dw .dwwr .dw-hidden {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
}
/* Wheel container */
.dwwc {
    margin: 0 auto;
    position: relative;
    zoom: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.dwfl {
    padding: 4px 3px;
    margin: 0 -1px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
	flex: 1 auto;
    background: #000;
}
.dwfl:first-child {
    margin-left: 0;
    padding-left: 4px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
.dwfl:last-child {
    margin-right: 0;
    padding-right: 4px;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
/* Wheels */
.dwwl {
    margin: 0;
    padding: 0 2px;
    position: relative;
    z-index: 5;
}
.dwww {
    position: relative;
    padding: 1px;
    overflow: hidden;
}
.dww {
    overflow: hidden;
    position: relative;
}
.dwsc .dwwl {
    background: #888;
    background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.35, #333),color-stop(0.50, #888),color-stop(0.65, #333),to(#000));
    background: -webkit-linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%);
    background: -moz-linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%);
    background: linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%);
}
.dwsc .dww {
    color: #fff;
    background: #444;
    background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.45, #444),color-stop(0.55, #444),to(#000));
    background: -webkit-linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%);
    background: -moz-linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%);
    background: linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%);
}
.dw-bf {
    -webkit-perspective: 1000px;
    -webkit-backface-visibility: hidden;
    perspective: 1000px;
    backface-visibility: hidden;
}
.dw-ul {
    position: relative;
    z-index: 3;
}
.dw-li {
    padding: 0 5px;
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 26px;
    white-space: nowrap;
    text-shadow: 0 1px 1px #000;
    vertical-align: bottom;
    opacity: .3;
    filter: Alpha(Opacity=30);
}
/* Higlighted */
.dw-li.dw-hl {
    background: #fff;
    background: rgba(255,255,255,.3);
}
/* Valid entry */
.dw-li.dw-v {
    opacity: 1;
    filter: Alpha(Opacity=100);
}
/* Hidden entry */
.dw-li.dw-h {
    visibility: hidden;
}
.dw-i {
    position: relative;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* Wheel +/- buttons */
.dwwb {
    position: absolute;
    z-index: 4;
    left: 0;
    cursor: pointer;
    width: 100%;
    height: 40px;
    text-align: center;
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
}
.dwa .dwwb {
    opacity: 0;
}
.dwpm .dwwbp {
    top: 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    font-size: 40px;
}
.dwpm .dwwbm {
    bottom: 0;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    font-size: 32px;
    font-weight: bold;
}
.dwpm .dwwl {
    padding: 0;
}
.dwpm .dw-li {
    text-shadow: none;
}
.dwpm .dwwol {
    display: none;
}
/* Wheel overlay */
.dwwo {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.52, rgba(44,44,44,0)),color-stop(0.48, rgba(44,44,44,0)),to(#000));
    background: -webkit-linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%);
    background: -moz-linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%);
    background: linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%);
    pointer-events: none;
}
/* Background line */
.dwwol {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0;
    margin-top: -1px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #555;
    pointer-events: none;
}
/* Buttons */
.dwbg .dwb {
    cursor: pointer;
    overflow: hidden;
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    margin: 0 2px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 -1px 1px #000;
    color: #fff;
    background: #000;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, #000),color-stop(0.5, #6e6e6e));
    background: -webkit-linear-gradient(#6e6e6e 50%,#000 50%);
    background: -moz-linear-gradient(#6e6e6e 50%,#000 50%);
    background: linear-gradient(#6e6e6e 50%,#000 50%);
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-border-radius: 5px;
    -webkit-backface-visibility: hidden;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    backface-visibility: hidden;
}
/* Button container */
.dwbc {
    display: table;
    width: 100%;
    padding-bottom: 4px;
    text-align: center;
}
/* Button wrapper */
.dwbw  {
    display: table-cell;
    position: relative;
    z-index: 5;
}
/* Hidden label */
.dwhl {
    padding-top: 4px;
}
.dwhl .dwl {
    display: none;
}
/* Hidden select element */
.dw-hsel {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
}
/* Multiple lines */
.dw-ml .dw-li {
    overflow: hidden;
}
.dw-ml .dw-ul .dw-li .dw-i {
    width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
}
/* Multiple selection */
.dwms .dwwms .dw-li {
    padding: 0 40px;
    position: relative;
}
.dwms .dw-msel:after {
    width: 40px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    content: '\2714';
}
/* Backgrounds */
.dwbg .dwwr {
    background: #fff;
    color: #000;
    font-family: arial, verdana, sans-serif;
}
.dwbg .dwv {
    background-color: #dfdfdf;
}
.dwbg .dwpm .dwwl {
    background: #fff;
}
.dwbg .dwpm .dww {
    color: #000;
    background: #fff;
    -webkit-border-radius: 3px;
}
.dwbg .dwwb {
    background: #ccc;
    color: #888;
    font-weight: normal;
    text-decoration: none;
    text-shadow: 0 -1px 1px #333;
    box-shadow: 0 0 5px #333;
    -webkit-box-shadow: 0 0 5px #333;
}
.dwbg .dwwbp {
    background: -webkit-gradient(linear,left bottom,left top,from(#bdbdbd),to(#f7f7f7));
    background: -webkit-linear-gradient(#f7f7f7,#bdbdbd);
    background: -moz-linear-gradient(#f7f7f7,#bdbdbd);
    background: linear-gradient(#f7f7f7,#bdbdbd);
}
.dwbg .dwwbm {
    background: -webkit-gradient(linear,left bottom,left top,from(#f7f7f7),to(#bdbdbd));
    background: -webkit-linear-gradient(#bdbdbd,#f7f7f7);
    background: -moz-linear-gradient(#bdbdbd,#f7f7f7);
    background: linear-gradient(#bdbdbd,#f7f7f7);
}
.dwbg .dwbc {
    font-size: 0;
}
.dwbg .dwb-a {
    background: #3c7500;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, #3c7500),color-stop(0.5, #94c840));
    background: -webkit-linear-gradient(#94c840 50%,#3c7500 50%);
    background: -moz-linear-gradient(#94c840 50%,#3c7500 50%);
    background: linear-gradient(#94c840 50%,#3c7500 50%);
}
.dwbg .dwwl .dwb-a {
    background: #3c7500;
    background: -webkit-gradient(linear,left bottom,left top,from(#3c7500),to(#94c840));
    background: -webkit-linear-gradient(#94c840,#3c7500);
    background: -moz-linear-gradient(#94c840,#3c7500);
    background: linear-gradient(#94c840,#3c7500);
}

body { color: #333; font-family: Poppins, Verdana, Helvetica, Sans-Serif; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; }
.ImportBody div[style*="margin-bottom"] {
	margin-bottom: 16px !important;
}
.highcharts-container tspan { font-family: Poppins; }
.highcharts-container text { font-family: Poppins; }

/*#SidePanels:after { background-image: url(../images/portal/sweet-svg-white.svg); background-color: rgb(69, 74, 88); }*/
/*#SidePanels { background: linear-gradient(to bottom, #454a58 29%,#5C6375 100%); color: #fff; }*/

/*NEW REACT SIDEBAR*/
#SidePanels, #SidePanels .view {
	height: 100%;
}
/*NEW REACT SIDEBAR*/


input[type='text']:focus, 
input[type='date']:focus, 
input[type='password']:focus, textarea:focus, 
select:focus, div[contenteditable="true"]:focus { border: none; border-bottom: 2px solid #82dd85; margin-bottom: 0px; }

.menu-item .badge { margin-left: 25px; padding: 5px 5px; border-radius: 30px; text-align: center; font-size: 12px; display: inline-block; background: #ffffff; box-shadow: 0 1px 3px rgba(0,0,0,0.12); line-height: 12px; min-width: 22px; float: left; background-color: #ef5350; color: #ffffff; }

ul.side-panel-block a.menu-item { color: #ffffff; opacity: 0.9; transition: 0.15s ease; }

ul.sub-menu { background-color: rgba(0, 0, 0, 0.15); box-shadow: inset 0px 1px 4px rgba(0,0,0,0.1); }

ul.sub-menu ul.sub-menu { background-color: rgba(0,0,0,0.15); }

ul.side-panel-block li.selected > a {
	background-color: rgba(13, 13, 13, 0.10);
	border-left: 4px solid #5C6AE6
}

.desktop .side-panel-block::-webkit-scrollbar-thumb { border: 5px solid rgb(83, 91, 113); }


/*.top-bar, .mobile div.quick-search-block { background: linear-gradient(90deg, #454a58 30%, #5C6375 100%); color: #fff; }*/
div.quick-search-block { background: transparent; }

.not-active-login { background-color: rgba(240,95,92,0.43) !important; color: #cc403e !important; }
.active-login, .not-active-login {
	background-color: #E6F3E6;
	color: var(--textDarkBlue);
	border-radius: 30px;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 16px !important;
}
input.quick-search-field:hover { background-color: rgba(0,0,0,0.18); }

input.quick-search-field { border: 0px !important; border-radius: 0px; width: 100%; height: 38px !important; padding: 0 35px 0 8px !important; background-color: #fff3; color: #ffffff; transition: 0.2s ease; }

a.quicksearch-icon {
    border-left: 0px !important;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    font-size: 30px;
    color: #fff;
    float: right;
    padding: 2px 0 0 0;
    position: absolute;
    margin-left: -34px;
}
a.quicksearch-icon::before {
    content: "search";
    font-family: "Material Icons";
}

.tabs > ul > li.active, a, span.high-light, label.high-light, div.high-light, input[type=button], input[type=submit], .link-button, .fc-button-group button.fc-button, .bar-button, .list-item-handle, .link-button:hover > .icon.right:before, .check-box:before, .action-icon-small, .action-icon, .selection-tree .node .icon { color: #535B7C; }

div.top-bar .icon, .top-bar .notification-text { color: rgba(255,255,255,0.79); transition: 0.2s ease; }


.top-bar .notification-text { background: #ef5350; color: #fff !important; }

/*div#TopBar { box-shadow: 0 1px 6px rgba(0,0,0,0.12), 0 1px 4px rgba(0,0,0,0.22) !important; }*/



.tabs > ul > li {
	display: inline-flex;
	flex: 1 !important;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 100%;
	text-align: center;
	text-transform: none;
	line-height: 50px;
	color: var(--textDarkBlue);
	cursor: pointer;
	border-bottom: none 4px;
	background-color: transparent;
	font-weight: 600;
	font-size: 13px !important;
	padding-left: 21px;
	padding-right: 21px;
}

	.tabs > ul > li:last-of-type {
		padding-right: 36px;
	}

.dialog-content .dialog-inner-content div[data-block-templatekey="EmailRelations"] .tabs > ul {
	background-color: white;
}

#Views div[data-block-templatekey].editable-block .tabs ul li:first-child:nth-last-child(1),
.dialog-inner-content .tabs ul li:first-child:nth-last-child(1) {
	background-color: white !important;
	border-bottom: solid 1px #8F99ED;
	justify-content: center;
	width: 100% !important;
	color: var(--textDarkBlue);
}
	#Views div[data-block-templatekey].editable-block .tabs ul li:first-child:nth-last-child(1) > span {
		color: var(--sweetBlue);
	}


#Views div[data-block-templatekey].editable-block .tabs ul {
	background-color: #CFD3F7 !important;
}

#Views div[data-block-templatekey].editable-block + .editable-block > .tabs ul {
	margin-top: 0px;
	background-color: #CFD3F7 !important;
}


.dialog-content .filter-column-editor .tabs {
	box-shadow: none !important;
}

	ul.filter li > ul {
		display: inline-block;
		list-style-type: none;
		margin: 2px 5px 2px 0px;
		padding: 0px;
		color: #334146;
		font-weight: 500;
		vertical-align: top;
	}





.tabs > ul > li.active {
	border-bottom: none;
	background-color: #7F8AEB !important;
	color: white;
}


	div .bubble-name {
	float: left;
	clear: none !important;
	padding-left: 10px;
	line-height: 24px;
	color: #fff;
}

.bubble-list .block { min-width: 200px; clear: none; float: left; width: 100%; border-radius: 20px; margin: 0px 7px 7px 0px !important; background-repeat: no-repeat; background-position: top 9px left 11px; padding: 6px !IMPORTANT; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 6px 0px; }

div.bubble-delete img { width: 14px; }

/*-- Deal --*/

.group-list .group-column .no-records-found { background-color: #F8FBFE; }

.group-list .group-items {
	padding: 0px;
	margin-bottom: 8px;
	width: 100%;
	cursor: pointer;
	border-radius: 4px;
	border: none;
	overflow: hidden !important;
}

.no-records-found {
	text-align: center;
	padding: 40px 3px;
	background: transparent !important;
	font-weight: 600;
	font-size: 16px;
	color: rgba(83, 91, 124, 0.41);
}


.group-column-header {
	position: relative;
	line-height: 34px;
	font-size: 13px;
	white-space: nowrap;
	text-align: center;
	box-shadow: none !important;
	overflow: hidden;
	text-overflow: ellipsis;
	min-height: 40px;
	border-radius: 0px 50px 0px 0px !important;
	background-color: #7F8AEB;
	color: white;
	font-weight: 500;
	display: inline-flex;
	width: 100%;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 0px;
	padding-left: 25px;
}



.group-summarize-column .block { background: #f8fbfe; border: 1px solid rgba(83,91,124,0.28) !important; border: none; box-shadow: none; }

.group-summarize-column .caption.inline-display { font-weight: 500 !important; margin-right: 4px; color: rgba(51, 51, 51, 0.85); }

.group-summarize-column .sum.caption.inline-display { color: var(--sweetBlue); font-size: 14px; }
.group-item .object-caption-small { font-weight: 500; font-size: 14px; }


.title { display: inline-block; max-width: 60%; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; line-height: 40px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.6px; }

.icon-menu .item.selected .wrapper:before, .icon-menu .item.selected:hover .wrapper:before, .icon-menu .item.selected .wrapper .icon:before, .progress, .status-bar .active-status { background: var(--sweetBlue); color: #ffffff; }

.status-bar .active-status:after { border-left-color: var(--sweetBlue); }



/*Deal block*/
.group-column .group-summarize-column .group-item {
	  border-right: 1px solid #E7E9FB !important;
    border-left: 1px solid #E7E9FB !important;
    border-bottom: 1px solid #8F99ED !important;
    padding: 0px;
    margin-top: 0px;
    max-height: 50px;
    border-radius: 0px !important;
}


/*STATUS BAR*/
.status-bar {
	box-shadow: none;
	margin: 0;
	padding-top: 15px;
	padding-bottom: 10px;
	width: 100%;
	height: 70px;
	overflow: hidden;
	white-space: nowrap;
	background: #fff;
	position: relative;
}

	.status-bar ul {
		display: flex;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 45px;
		overflow: hidden;
		white-space: nowrap;
		background: #EFF0FC;
	}


	.status-bar li {
		width: 100% !important;
		height: 100%;
		line-height: 34px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		padding-left: 20px;
		padding-right: 10px;
		text-align: center;
		cursor: pointer;
		text-transform: uppercase;
		font-weight: 600;
		text-align: center;
		margin: 0;
	}
		.status-bar li:not(:first-of-type) {
			padding-left: 38px;
			padding-right: 10px;
		}
		#Views .status-bar li:last-of-type {
			padding-right: 30px !important;
		}

		.status-bar li > span {
			color: #000 !important;
		}

	.icon-menu .item.selected .wrapper:before, .icon-menu .item.selected:hover .wrapper:before, .icon-menu .item.selected .wrapper .icon:before, .progress, .status-bar .active-status {
		background: #D0D3F7;
		color: #000;
	}

		.status-bar .active-status:after {
			border-left-color: #D0D3F7;
		}


	.status-bar li:after {
		border-color: transparent transparent transparent #EFF0FC;
	}

	.status-bar li:before {
		border-color: transparent transparent transparent white;
	}



#Views .status-bar + .action-block,
#Views .none + .action-block {
	margin-top: -10px;
	height: 60px;
}

[data-templatekey="DocumentListItem.Relations"] .row a.mi-account_circle::before,
[data-templatekey="WebApp.MarketingProject"] .action-block .mi-account_circle::before {
	background-image: url(../Images/Phosphor_icons/Relation.svg);
}
[data-templatekey="DocumentListItem.Relations"] .row a.mi-account_circle.active::before,
[data-templatekey="WebApp.MarketingProject"] .action-block .mi-account_circle.active::before {
	background-image: url(../Images/Phosphor_icons/RelationWhite.svg);
}

.dialog-inner-content div[data-block-templatekey="DocumentListItemRelationsSelection"],
.dialog-inner-content div[data-templatekey="DocumentRelationItem"] {
	padding-left: 0px;
	padding-right: 0px;
}


	.highlighted { color: var(--sweetBlue) !important; box-shadow: none !important; }

input[type="checkbox"].check-box:checked + label div.check-box:before, .check-box.active:before, .activity-block.block .check-box.active:after { color: var(--sweetBlue); }

.check-box.active:after, input[type="checkbox"].check-box:checked + label div.check-box:after, 
.action-icon.active:after, 
.action-icon-small.active:after { color: #ffffff; }

.check-box.active:after, input[type="checkbox"].check-box:checked + label div.check-box:after {
	display: inline-flex !important; /*Fix of strange disappearance of check issue*/
	color: #ffffff;
	align-items: center;
}


.check-box:before {
	font-size: 28px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	display: inline-flex !important;
	justify-content: center;
	align-items: center;
	content: ' ';
	transition: var(--transition);
	border: 1.5px solid var(--sweetBlue-800);
}

#Main {
	background: linear-gradient(236deg, #F6A8CB -50.69%, rgba(246, 168, 203, 0.00) 53.28%), linear-gradient(131deg, rgba(95, 109, 230, 0.50) -31.69%, rgba(95, 109, 230, 0.00) 73.67%), #FFF;
	width: 100%;
	overflow: hidden;
	min-height: 100%;
	margin: 0;
	position: relative;
	-webkit-perspective: 1100px;
	-moz-perspective: 1100px;
	-ms-perspective: 1100px;
	perspective: 1100px;
}


/* -- calendar -- */

.fc-event, .fc-event:hover, .ui-widget .fc-event { font-weight: 500; }

.fc-day-grid-event .fc-time { font-weight: 600; }


.action-block, .action-block .row { padding: 0px !important; height: 100%; }

.block .row.flex { display: flex; }

.fc-widget-header, .fc-week-number { font-weight: 500; }

fc th, .fc td { border-style: solid; border-width: 1px; padding: 0px; vertical-align: middle; color: #757575; font-weight: 500; }

.fc-unthemed .fc-today { background: #fff; color: var(--sweetBlue) !important; }


.desktop ::-webkit-scrollbar { width: 17px; height: 17px; border-radius: 8px; }

ui-dialog{
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}

.ui-widget-header {
	border-top-left-radius: 30px !important;
	border-top-right-radius: 30px !important;
}

	.ui-dialog .ui-dialog-content,
	.ui-widget.ui-widget-content {
		border-radius: 30px;
	}

div.custom-dialog-width-override.ui-dialog-content.ui-widget-content {
	border-radius: 0px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}

.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:focus {
	outline: 1px solid #cccccc !important;
	border: none !important;
}




/*SurveyAdmin*/


	.smallRadius{
    border-radius: 10px !important;
}


.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.smallRadius .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
	background-color: #f4f5f6 !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
}

dialog-content div.ui-draggable-handle:hover {
	cursor: pointer !important;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.smallRadius .ui-dialog-titlebar .ui-dialog-title {
	padding-top: 0px !important;
	padding-left: 6px;
}

	/*Spinner container*/

.SurveyLoadingNotice,
.SurveyLoadingNotice .custom-dialog-width-override.ui-dialog-content.ui-widget-content {
	border-radius: 30px;
	box-shadow: 0px 2px 80px 0px rgba(83, 91, 124, 0.06);
	border: none !important;
}

	.SurveyLoadingNotice .custom-dialog-width-override.ui-dialog-content.ui-widget-content .Body.flexbox-container .flexbox-spinner,
	.SurveyLoadingNotice .custom-dialog-width-override.ui-dialog-content.ui-widget-content .Body.flexbox-container,
	.SurveyLoadingNotice .custom-dialog-width-override.ui-dialog-content.ui-widget-content .Body.flexbox-container .flexbox-spinner > div {
		border: none !important;
	}







	.icon.dialog-close {
		color: #535B7C;
	}

/* -- Cases -- */

.note-list-container { position: relative; background-color: #eff2f5 !important; box-shadow: none !important; }

/* -- html editor -- */

.mce-panel { border: 0px solid #f1f1f1 !important; background-color: #fff; }

.mce-btn { border: 1px solid #f3a7a7; border-color: rgba(255,0,0,0) rgba(255,0,0,0) transparent transparent; position: relative; text-shadow: 0 1px 1px rgba(255,255,255,0.75); display: inline-block; *display: inline; *zoom: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #ffffff; }

.mce-btn:hover, .mce-btn:focus { color: #333; background-color: rgba(77,86,108,0.09); border-color: transparent; }

.tags-selection .tags-is-selected .tags-tag-icon { background-color: var(--sweetBlue); color: #fff; }
.tag-tree .tag {
	float: left;
	background-color: var(--greyLight);
	box-shadow: none;
	padding: 4px 7px;
	min-width: 50px;
	text-align: center;
	font-size: 12px;
	margin: 4px;
	border-radius: 15px;
	cursor: pointer;
	font-weight: 400;
	color: var(--textDarkBlue);
	transition: 0.2s ease;
}


	.tag-tree .tag:hover {
		background-color: hsl(210 10% 93% / 1);
	}
	.tag-tree .tag.selected {
		color: var(--textDarkBlue);
		background-color: #DFE2FA;
	}
		.tag-tree .tag.selected:hover {
			background-color: hsl(233 73% 90% / 1);
		}


/*Active state of buttons*/
	.link-button.active, 
	.fc-button-group button.fc-button.fc-state-active, 
	.bar-button.active, .action-icon.active:before, 
	.action-icon-small.active:before, 
	.action-icon.active:hover:before, 
	.action-icon-small.active:hover:before, 
	.action-icon.high-light:before, .note-feed-icon.active, 
	.note-feed-icon.active:hover {
		background-color: #5F6DE6;
		color: #ffffff;
	}



.note-feed-icon.active:before { color: #ffffff !important; }



.fc-button-group button.fc-button.fc-state-active:hover { background-color: #93CE95; }
input[type="checkbox"].check-box:checked + label div.check-box:before, .check-box.active:before {
	background-color: var(--sweetBlue);
	color: #ffffff;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Poppins, Verdana,Arial,sans-serif; }

.feed-icon.active:hover, 
.feed-icon:hover { background-color: transparent; }

#Views div.feed-footer {
	display: inline-flex;
	align-items: center;
}
	#Views div.feed-footer .liked-names {
		width: initial;
	}

.icon-comment {
	width: fit-content !important;
	display: inline-flex;
	justify-content: flex-start !important;
	align-items: flex-start;
	border-radius: 0px;
	background-position-x: 100%;
}
a.feed-icon.deleteButton {
	width: 100%;
	display: inline-flex;
	justify-content: flex-end;
	background-image: none !important;
}

a.feed-icon::before {
	background-size: 24px !important;
	height: 36px !important;
	width: 36px !important;
	display: inline-block;
	border-radius: 100%;
}
.feed-icon-text.comments-count {
	color: var(--sweetBlue);
}

div[data-block-templatekey="CommentsFeed"] ul.feed-list li > .block {
	border-radius: 0px !important;
}



.action-icon.inactive:before, .action-icon-small.inactive:before, .action-icon.inactive:hover:before, .action-icon-small.inactive:hover:before { color: #cccccc; background-color: transparent; opacity: 0.3; }
#Views .row a.action-icon.icon-check-box::after {
	display: none;
}

div.bubble button.toggle-btn {
	color: var(--sweetBlue);
	border-color: var(--sweetBlue);
}
	div.bubble button.toggle-btn.active {
		background-color: var(--sweetBlue);
		color: white;
	}
div.top-bar .icon:hover, .top-bar .notification-text:hover { color: white; }

.grid-header-row, .grid-header-row .grid-header-cell { background-color: var(--sweetBlue); color: #fff; text-transform: uppercase;}
.grid-header-container { position: absolute; overflow: hidden; width: 100%; left: 0; right: 0; height: 42px; background: var(--sweetBlue); }

.add-list .block {
	font-weight: 600;
	font-size: .9em;
	min-width: 50px;
	text-align: center;
	padding: 5px;
	text-transform: initial;
	border: none !important;
	border-radius: 0px;
	box-shadow: none;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	background-color: #ffffff;
	color: #3B749E;
	cursor: pointer;
	margin: 10px 5px 10px 10px;
}
#Views .grid-header-cell.sort-by:hover {
	background-color: hsl(234 73% 61% / 1) !important;
}


#Views .add-list .block .row {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: underline
}
	#Views .add-list .block .row::before {
		margin-right: 2px;
		content: '';
		display: inline-block;
		height: 20px;
		width: 20px;
		background-image: url(../Images/Phosphor_icons/ClipboardText_blue.svg);
		background-size: 20px;
		background-position: center;
	}

.mobile .feed-icon:hover { background-color: #fff !important; }
.mobile .feed-icon.active:hover { color: #ffffff; }

div.feed-image {
	display: inline-flex;
	align-items: center;
	justify-content: center;
    height: 42px;
    width: 42px;
    border-radius: 21px;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    color: #535B7C;
    background-color: transparent;
}

/*Filter options*/
.filter-column-editor .tabs > ul li:first-of-type::before {
	background-image: url(../Images/Phosphor_icons/Funnel_normal.svg);
}
.filter-column-editor .tabs > ul li.active:first-of-type::before {
	background-image: url(../Images/Phosphor_icons/Funnel_white.svg);
}

	/*Column options*/
	.filter-column-editor .tabs > ul li:last-of-type::before {
		background-image: url(../Images/Phosphor_icons/Columns.svg);
	}
.filter-column-editor .tabs > ul li.active:last-of-type::before {
	background-image: url(../Images/Phosphor_icons/Columns_white.svg);
}

.filter-column-editor .tabs > ul li:last-of-type::before,
.filter-column-editor .tabs > ul li:first-of-type::before {
	display: inline-block;
	content: "";
	height: 20px;
	width: 20px;
	margin-right: 10px !important;
	background-size: 22px;
	background-position: center;
	background-repeat: no-repeat;
}

.filter-column-editor ul.list li.selected { background-color: rgb(83, 91, 124); color: #ffffff; }

input, textarea, select, button { font-family: "Poppins", Verdana, Helvetica, Sans-Serif; }

ul.filter li > ul > li.condition-caption { width: 140px; }
.edit-mode .grid-row:hover a { color: #535B7C !important; font-weight: 600; }

.edit-mode .grid-row:hover, .edit-mode .grid-row:hover .locked-column { background-color: #EFF0FC !important; color: #535B7C !important; }

.is-edit.grid-row, .is-edit.grid-row .grid-cell.locked-column { background: #EFF0FC; font-weight: 600; }

.header-icon.exchange-overlay.active:after,
.list-message {
	color: var(--sweetBlue);
	background-color: white;
	border-radius: 20px;
	min-width: 53px;
	height: 30px;
	padding: 0 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.group-item.overdue .object-title { color: #ef5350; }

/*.desktop .group-list .grid-container .outer-slimer::-webkit-scrollbar-thumb { border: 0px; }
*/

/*.desktop ::-webkit-scrollbar{
	width: 6px !important;
	height: 6px !important;
}*/

/*.desktop ::-webkit-scrollbar-thumb {
	background: #C6D3FD;
	border: 0px solid #EDF2FF;
	border-radius: 12px;
}

*/


/*Scrollbar buttons  */
::-webkit-scrollbar-button:vertical:decrement {
	background: url("../Images/Scroll-arrow-up.svg") no-repeat center;
	height: 15px;
	width: 15px;
	background-size: 8px;
	background-color: #EDF2FF;
}

::-webkit-scrollbar-button:vertical:increment {
	background: url("../Images/Scroll-arrow-down.svg") no-repeat center;
	height: 15px;
	width: 15px;
	background-size: 8px;
	transform: rotate(30deg);
	background-color: #EDF2FF;
}

/*Scrollbar tracks  */
.desktop ::-webkit-scrollbar-track {
	background: #EDF2FF;
	border-radius: 12px;
}


/*Scrollbar general */
.desktop ::-webkit-scrollbar-thumb {
	background: #C6D3FD;
	border: 0px solid #EDF2FF;
	border-radius: 12px;
	transition: all ease-in-out 2s;
}
	.desktop ::-webkit-scrollbar-thumb:hover,
	.desktop .side-panel-block::-webkit-scrollbar-thumb:hover,
	.desktop .view::-webkit-scrollbar-thumb:hover,
	.desktop .outer-slimer::-webkit-scrollbar-thumb:hover,
	.desktop .fc-scroller::-webkit-scrollbar-thumb:hover,
	.desktop .Container::-webkit-scrollbar-thumb:hover,
	.desktop .filter-menu::-webkit-scrollbar-thumb:hover,
	.desktop .AutoSuggestValues::-webkit-scrollbar-thumb:hover,
	.desktop .iframe-container::-webkit-scrollbar-thumb:hover,
	.desktop .list.ui-sortable::-webkit-scrollbar-thumb:hover {
		background: #9FA7F0 !important;
		border-color: #9FA7F0;
	}



.desktop ::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	border-radius: 8px;
}


.desktop .view::-webkit-scrollbar-thumb {
	border: 5px solid #C6D3FD;
}

.desktop .side-panel-block::-webkit-scrollbar-thumb {
	border: 5px solid #C6D3FD;
}

.desktop .outer-slimer::-webkit-scrollbar-thumb {
	border: 5px solid #C6D3FD;
}

.desktop .fc-scroller::-webkit-scrollbar-thumb {
	border: 5px solid #C6D3FD;
}

.desktop .Container::-webkit-scrollbar-thumb {
	border: 5px solid #C6D3FD;
}

.desktop .filter-menu::-webkit-scrollbar-thumb {
	border: 5px solid #C6D3FD;
}

.desktop .AutoSuggestValues::-webkit-scrollbar-thumb {
	border: 5px solid #C6D3FD;
}

.desktop .iframe-container::-webkit-scrollbar-thumb {
	border: 5px solid #C6D3FD;
}

.desktop .list.ui-sortable::-webkit-scrollbar-thumb {
	border: 5px solid #C6D3FD;
}




.appointment-relation-invalidemail, .label.error {
	background-color: #FFDFDF;
	font-weight: 400;
	min-width: 88px;
	text-align: center;
	padding: 2px 6px 2px 6px;
	text-transform: uppercase;
	color: var(--textDarkBlue);
	border-radius: 15px;
}


.tabs > ul > li, .status-bar li, .entity-table label, .caption, .text-link, div.text-link.full-size table tr td a { font-size: 12px; font-weight: 500; }

.simple-grid .grid-header-container { height: 31px; background: var(--sweetBlue); }




.caption { font-weight: 400 !important; }


.fc-button-group { box-shadow: none; border-radius: 2px; float: right !important; }


.bubble-list .block, .bubble-list .block:hover {
	background: var(--sweetBlue) !important;
}
.email-exists-in-sweet .grid-cell {
	background: transparent !important;
	font-weight: 500;
	color: var(--sweetBlue);
}

.is-read { font-weight: 600; color: #535B7C; }

.tags-selection .tags-selected .icon.xxsmall:before { top: -3px; }

input.quick-search-field:focus { background-color: rgba(0,0,0,0.18); }

.value.bold { font-weight: 500; color: #333; font-size: 13px; }

.row-locked > .c0::before { content: "\e08e"!important; font-family: "simple-line-icons", "untitled-font-6"; padding-right: 4px; color: #fff; background: #535B7C; border-radius: 37px; font-size: 14px; padding: 6px 6px; margin-right: 3px; }

.mobile li.search-container { background-color: rgba(0, 0, 0, 0); height: 40px; text-align: center; padding: 0 !important; }

/* -- Datepicker -- */

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	font-weight: 600;
	margin: 1px 0;
	color: #102231;
	background-image: url(../Images/Phosphor_icons/CaretDown.svg);
	background-size: 14px;
	font-size: 1em;
	margin: 1px 0;
	background-size: 14px;
	background-position: right 7px center;
	background-repeat: no-repeat;
	-webkit-appearance: none !important;
	text-transform: capitalize;
}
.ui-datepicker {
	border-radius: 20px;
	box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.10);
	min-width: 22em;
}
.ui-datepicker-header {
	background: #F4F5F6 !important;
	color: #102231 !important;
	border-top-left-radius: 20px !important;
	border-top-right-radius: 20px !important;
	padding: 0 !important;
}
.ui-datepicker .ui-datepicker-title {
	background: #F4F5F6;
	color: #102231;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	padding: 0.5em 0 !important;
	width: 264px;
	margin: 0;
	text-transform: capitalize;
}
a.ui-datepicker-next:before, a.ui-datepicker-prev:before {
	top: 5px !important;
}
.ui-datepicker .ui-datepicker-prev {
	left: 8px !important;
}

.ui-datepicker .ui-datepicker-next {
	right: 8px !important;
}
.ui-datepicker select.ui-datepicker-month {
	width: 30%;
}
.ui-datepicker select.ui-datepicker-year {
	width: 35%;
	padding-left: 10px;
}

.ui-widget-header a {
	color: #102231 /*{fcHeader}*/;
}


.ui-datepicker td a.ui-state-hover, .ui-datepicker td a.ui-state-focus {
	background: #DFE2FA !important;
}
a.ui-state-default.ui-state-highlight.ui-state-hover, 
a.ui-state-default.ui-state-highlight.ui-state-active.ui-state-hover {
	background: none !important;
	color: var(--sweetBlue) !important;
}
.ui-datepicker table thead {
	text-transform: capitalize;
}
.ui-datepicker table {
	width: calc(100% - 1.4em);
	font-size: 1em;
	margin: 0.7em;
}
.ui-datepicker td span, .ui-datepicker td a {
	padding: 7px;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	font-weight: 700;
	color: var(--sweetBlue);
}

.ui-widget { font-family: Poppins, Verdana,Arial,sans-serif; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: var(--sweetBlue) !important; color: #fff !important; font-weight: 700; }

a.ui-slider-handle.ui-state-default.ui-corner-all { border-radius: 50px; border: none; background: var(--sweetBlue) !important; top: -3px; }

.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
	box-shadow: none;
	background: #EFEFEF !important;
	border: none;
}
.ui-slider-horizontal .ui-slider-handle {
	background: var(--sweetBlue) !important;
	filter: drop-shadow(0px 0px 5px rgba(126, 137, 234, 0.50));
	border: none;
	border-radius: 100%;
}

.ui-datepicker .ui-datepicker-buttonpane button {
	background: #ffffff;
	border: 0px solid #d0d0d0 !important;
	cursor: pointer !important;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	font-weight: 600;
	padding-top: 6px;
	padding-bottom: 7px;
	padding-left: 7px;
	padding-right: 7px;
	text-transform: uppercase;
	border-radius: 2px;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	box-shadow: none;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

button.ui-state-hover { background: transparent !important; opacity: 0.7; }


.login-box input[type="text"]:focus, .login-box input[type="password"]:focus { border: 1px solid #ddd !important; border-bottom: 2px solid #82dd85 !important; }

.appointment-relation-isinvited, .label.warning { background-color: transparent; }

.add-button span::before { color: white; font-weight: 300; }


	.carousel .icon-arrow-left:before,
	.carousel .icon-arrow-right:before,
	.link-button:hover .icon-arrow-left:before,
	.link-button:hover .icon-arrow-right:before,
	.carousel .mi-arrow_back_ios_new:before,
	.carousel .mi-arrow_forward_ios:before,
	.link-button:hover .mi-arrow_back_ios_new:before,
	.link-button:hover .mi-arrow_forward_ios:before,
	.pager-container .pager .page.active:after {
		color: var(--sweetBlue) !important;
	}

.block.workorder-block .row-icon {
	border-right: 2px solid #6FCF97;
	padding-right: 10px;
	min-height: 36px;
	width: 98px;
	padding-left: 32px;
}


.ui-timepicker-div dl dt {
	padding: 0 0 0 15px;
}
.statistics .stats, .statistics-list .stats-number {
	border: none;
	color: white;
	background-color: var(--sweetBlue);
	border-radius: 6px;
	font-size: 16px;
	font-weight: 300;
}

.statistics-list .stats-description {
	white-space: nowrap;
	text-shadow: none;
	color: var(--sweetBlue);
	font-weight: 500;
	text-transform: initial;
	font-size: 12px;
	line-height: 40px;
	padding-left: 10px;
	display: inline;
	display: table-cell;
}


.dialog-inner-content .grid-container.select-mode .view.container {
	padding: 0px 0px 0px 0px !important;
}

.dialog-inner-content .grid-row:hover {
	cursor: pointer;
	background-color: hsl(240 14% 98% / 1);
}

.dialog-inner-content .grid-row {
	border-radius: 10px 0px 0px 10px;
}

.dialog-inner-content .tabs li span {
	margin-left: 1px;
}

.dialog-inner-content .action-block .row {
	background-color: #FBFBFE !important;
	border-radius: 10px;
}

/*BUTTONS-----------------------------------------------------*/
.link-button.sort-by.desc,
.link-button.sort-by.asc,
#Views .link-button.sort-by {
	padding-right: 32px;
}

.dialog-inner-content a.action-icon::before {
	width: 36px !important;
	height: 36px !important;
}

/*Buttons Secondary*/
input[type=button],
input[type=submit],
div.link-button,
a.link-button,
button.link-button,
.block.margin-top .form-container button,
label.import-file,
.cancelButton {
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	font-weight: 400;
	padding: 6px 12px;
	min-width: 70px;
	text-transform: none;
	border-radius: 24px;
	box-shadow: none;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	text-align: center;
	background-color: #EFF0FC;
	border: solid 1px #EFF0FC;
	color: #2A3EB7;
	font-size: 14px;
	outline: 1px solid transparent;
	outline-offset: 5px;
}
	/*Secondary hover*/
	input[type=button]:hover,
	input[type=submit]:hover,
	div.link-button:hover,
	a.link-button:hover,
	button.link-button:hover,
	.block.margin-top .form-container button:hover,
	label.import-file:hover,
	.cancelButton:hover,
	.resetButton:hover {
		background-color: hsl(235 68% 93% / 1);
	}

	/*Toggle buttons*/
.link-button.sort-by.desc,
.link-button.sort-by.asc,
#Views .link-button.sort-by,
#Views .header-block a.link-button:not(.script-link),
.expand-selection-tree-button a.link-button,
.link-button.float-right.filter-showmoreless-button,
#Views a.read-more-less {
	font-weight: 400;
	box-shadow: none !important;
	border: solid 1px #2A3EB7 !important;
	color: #2A3EB7 !important;
	background-color: transparent !important;
	outline: 1px solid transparent !important;
	outline-offset: 5px;
}
	/*Toggle buttons hover*/
	.link-button.sort-by.desc:hover,
	.link-button.sort-by.asc:hover,
	#Views .link-button.sort-by:hover,
	#Views a.read-more-less {
		background-color: transparent !important;
		border: solid 1px #2A3EB7 !important;
	}



.link-button.active:hover {
	background-color: var(--sweetBlue);
}


#Views a[data-key="Save"],
#Views a[data-key="Send"]{
	float: right !important;
	padding: 6px 12px;
}


.new-li a.display-inline.margin-right,
.new-li a.display-inline {
	padding: 6px 12px;
	display: inline;
	margin-top: 8px;
}

.new-li input.display-inline{
	width: auto;
}



/*Primary base*/
.new-li a.display-inline.margin-right,
div.add-button.text-link,
#Views .header-block a.script-link.active.link-button,
#Views .header-block a.script-link.active.link-button:hover,
a[data-key*="Save"i],
a[data-key*="Send"i],
a[data-key="AttachFiles"],
div:not(.row) > a[data-key*="add"i]:not(.action-icon),
div:not(.row) > a[data-key*="new"i],
.link-button[data-key*="Email"i],
.link-button[data-key*="Post"i],
input[class*="okButton"], button[class*="okButton"],
input[data-bind="value: FileUploaded() ? 'Import form' : 'Next',  click: GotoNext, enable: CanGoToNextStep"],
button[class*='saveButton'],
a[class*='saveButton'],
a[class="save-button"],
div.save-button,
a.addButton,
#Views a[data-key="New.Connection"],
#Views [data-key="CreateNewUser"],
#Views a[data-key="Role.Add"],
a[data-key="Country.Add"],
button[id="codeadminsave"],
a[data-key="Host.Add"],
a[data-key="New.Blacklist"],
a[data-key="New"],
a[data-key="ExpenseReport.New.Click"] {
	text-transform: initial;
	font-weight: 400;
	background-color: var(--sweetBlue);
	border-color: var(--sweetBlue);
	color: white !important;
	text-align: center;
	border-radius: 24px;
	outline: 1px solid transparent;
	outline-offset: 5px;
}
/*Primary base hover*/
	.new-li a.display-inline.margin-right:hover,
	div.add-button.text-link:hover,
	a[data-key*="Save"i]:hover,
	a[data-key*="Send"i]:hover,
	a[data-key="AttachFiles"]:hover,
	div:not(.row) > a[data-key*="add"i]:not(.action-icon):hover,
	div:not(.row) > a[data-key*="new"i]:hover,
	.link-button[data-key*="Email"i]:hover,
	.link-button[data-key*="Post"i]:hover,
	input[class*="okButton"]:hover, button[class*="okButton"]:hover,
	input[data-bind="value: FileUploaded() ? 'Import form' : 'Next',  click: GotoNext, enable: CanGoToNextStep"]:hover,
	button[class*='saveButton']:hover,
	a[class*='saveButton']:hover,
	a[class="save-button"]:hover,
	div.save-button:hover,
	a.addButton:hover,
	#Views a[data-key="New.Connection"]:hover,
	#Views [data-key="CreateNewUser"]:hover,
	#Views a[data-key="Role.Add"]:hover,
	a[data-key="Country.Add"]:hover,
	button[id="codeadminsave"]:hover,
	a[data-key="Host.Add"].link-button.script-link:hover,
	a[data-key="New.Blacklist"]:hover,
	a[data-key="New"]:hover,
	a[data-key="ExpenseReport.New.Click"]:hover {
		background-color: var(--sweetBlueHover) !important;
		border-color: var(--sweetBlueHover) !important;
		color: white;
	}

	/*Outline hover*/
	.new-li a.display-inline.margin-right:hover,
	div.add-button.text-link:hover,
	input[type=button]:hover,
	input[type=submit]:hover,
	.link-button:not(.full-width):hover,
	a.link-button:hover,
	#Views a[data-key*="Save"i]:hover,
	#Views a[data-key*="Send"i]:hover,
	.link-button.sort-by.desc:hover,
	.link-button.sort-by.asc:hover,
	#Views .link-button.sort-by:hover,
	#Views .header-block a.link-button:not(.script-link):hover,
	.block.margin-top .form-container button:hover,
	.dialog-inner-content a.action-icon:hover::before,
	label.import-file:hover,
	.cancelButton:hover,
	.filter-column-editor div[class*="mi-arrow_forward"]:hover,
	.filter-column-editor div[class*="mi-arrow_back"]:hover,
	.filter-column-editor div[class*="arrow-up"]:hover,
	.filter-column-editor div[class*="arrow-down"]:hover,
	.feed-icon.active:hover,
	.feed-icon:not(.icon-comment, .deleteButton):hover,
	a.feed-icon.deleteButton:hover::before,
	.icon-comment:hover::before,
	.email-header a[data-key="Save"]:hover,
	a[data-key="TimeReport.Period"]:hover,
	#Views a.read-more-less:hover {
		outline: 1px solid #CFD3F7 !important;
		outline-offset: 2px;
		transition: all 0.2s ease;
	}



/*Action buttons*/
#Views .row .action-icon::before,
.dialog-inner-content .row .action-icon::before,
#Views .note-feed-list a.icon.xsmall.icon-delete,
.dialog-inner-content.connection-form-editor .form-group span.action-icon-small:before,
.dialog-inner-content a.action-icon::before,
a.feed-icon.icon-delete::before,
a.icon.small.mi-open_in_new {
	outline: 1px solid transparent;
	outline-offset: 5px;
	background-color: #EFF0FC;
	border-radius: 100%;
	height: 36px ;
	width: 36px ;
}
/*Action buttons Active*/
#Views .action-block .row a.script-link.active:before,
.dialog-inner-content .row .action-icon.active::before {
	background-color: var(--sweetBlue);
}
/*Action buttons hover*/
#Views [class*='action-icon']:not(.active):not(.inactive):hover::before,
.selection-list .script-link.action-icon-small.icon-delete:hover,
.selection-list-action-icons .action-icon-small.icon-delete:hover,
#Views .row .action-icon:not(.inactive):hover::before,
.dialog-inner-content .row .action-icon:hover::before,
.link-button.round:not(.active):hover,
a.script-link.icon:not(.active):hover,
ul.note-feed-list .icon-attach.active:hover,
ul.note-feed-list .icon-attach:hover,
#Views .header-block a.link-button:not(.script-link):hover,
.expand-selection-tree-button a.link-button:hover,
.dialog-inner-content a.action-icon:hover::before,
#Views .note-feed-list a.icon.xsmall.icon-delete:hover,
.dialog-inner-content.connection-form-editor .form-group span.action-icon-small:hover:before,
a.feed-icon.icon-delete:hover::before,
a.icon.small.mi-open_in_new:hover{
	background-color: hsl(235 68% 93% / 1);
	transition: var(--transition);
	outline: 1px solid #CFD3F7;
	outline-offset: 2px;
}

/*Three dot action button*/
a.script-link.mi-more_vert::before,
.user-header a.script-link.mi-more_vert {
	content: '';
	background-image: url(../Images/Phosphor_icons/DotsThreeVertical_thick_white.svg);
	background-color: #7F8AEB !important;
	background-repeat: no-repeat;
}



	/*Three dot action button Active*/
a.script-link.mi-more_vert.active::before,
.user-header a.script-link.mi-more_vert.active {
	background-color: var(--sweetBlue) !important;
}


	.link-button.round {
		border: none;
	}

div .add-button.text-link {
	margin-bottom: 10px;
}

#Views .header-block a.script-link.active.link-button,
#Views .header-block a.script-link.active.link-button:hover {
	padding-top: 7px;
	padding-bottom: 7px;
}



	#Views a[data-key="Save"]:hover,
	#Views a[data-key="Send"]:hover {
		background-color: var(--sweetBlueHover);
	}

.dialog-inner-content .selection-action-block #actionCancelButton{
	float: right !important;
}

#Views .menu-dock .link-button.round.icon:before {
	height: 24px;
	width: 24px;
	background-image: url(../Images/Phosphor_icons/DotsThreeVertical_thick.svg);
	background-size: cover;
}
@media only screen and (min-width: 1200px) {
	#Views .view div[data-block-templatekey="WebApp.Notifications.Tabs"] ul.filter-placeholder {
		flex-direction: row;
	}
	#Views .view div[data-block-templatekey="WebApp.Notifications.Tabs"] ul.filter-placeholder li.control-li {
		width: auto;
		margin-right: 20px;
	}

}
	@media only screen and (min-width: 481px) {

		.tabs ul li:not(:first-child:nth-last-child(1)):hover {
			border-top-right-radius: 35px;
			background-color: #BFC5F5;
		}

		#Views div[data-block-templatekey].editable-block + .editable-block > .tabs ul {
			border-top-right-radius: 35px;
		}

		#Views div[data-block-templatekey].editable-block .tabs ul {
			border-top-left-radius: 10px;
		}

		#Views a[data-key="Cancel"] {
			float: left !important;
		}

		.action-block .row > div:not([class]) .script-link.action-icon,
		.action-block .row > div[class=""] .script-link.action-icon,
		.action-block .row > div[class="active"] .script-link.action-icon {
			display: inline-flex;
			align-items: center;
			justify-content: center;
		}

		.WebApp-Notifications-Tabs ul.filter li > ul {
			display: inline-block;
			margin: 0px 30px 0px 5px;
			padding: 0px;
		}

		.WebApp-Notifications-Tabs ul.filter li > ul.hidden {
			display: none;
		}

		.WebApp-Notifications-Tabs .filter-placeholder ul.filter li > ul > li.condition-caption {
			width: auto;
		}

		.WebApp-Notifications-Tabs ul.filter-placeholder li.filter-li {
			display: inline-block;
			width: 100%;
			margin-top: 0px;
		}

		.WebApp-Notifications-Tabs ul.filter-placeholder {
			display: inline-flex;
			flex-direction: column;
			align-items: center;
			justify-content: flex-start;
			margin: 0px;
			padding: 0px;
			width: 100%;
			gap: 20px;
		}

			.WebApp-Notifications-Tabs ul.filter-placeholder li.control-li {
				margin-bottom: 0px;
				margin-right: 0px;
				width: 100%;
				display: inline-flex;
			}

			.WebApp-Notifications-Tabs ul.filter-placeholder ul.filter li > ul li.condition-caption label {
				display: block;
				padding: 9px 10px 9px 0px;
			}
	}

	button[id="codeadminsave"] {
		float: right;
	}

	/*Trietary buttons*/
	#Views a[data-key*="Cancel"i],
	.dialog-inner-content .selection-action-block #actionCancelButton,
	.SurveyImport input[data-bind="click: function() { $root.Close(true); }"],
	.cancelButton,
	a[data-key="Cancel"],
	button[id="codeadmincancel"] {
		background-color: transparent !important;
		color: var(--textDarkBlue) !important;
		text-decoration: underline;
		text-decoration-thickness: 1px;
		text-underline-offset: 5px;
		font-weight: 400 !important;
		border: none !important;
		outline: none !important;
	}

		/*Trietary hover*/
		.new-li a.display-inline:not(.margin-right):hover,
		#Views a[data-key*="Cancel"]:hover,
		.dialog-inner-content .selection-action-block #actionCancelButton:hover,
		.SurveyImport input[data-bind="click: function() { $root.Close(true); }"]:hover,
		.cancelButton:hover,
		a[data-key="Cancel"]:hover,
		button[id="codeadmincancel"]:hover {
			background-color: transparent;
			opacity: 0.7;
			box-shadow: none !important;
			outline: none !important;
		}

	.prompt-dialog .prompt-field label {
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
		.prompt-dialog .prompt-field label.required {
			display: block;
		}

	.prompt-dialog .check-box + .text {
		position: relative;
		top: 4px;
		left: 5px;
		display: inline-block;
	}

	.selection-list-action-icons .action-icon-small.icon-delete {
		height: 40px;
		width: 40px;
		background-image: url(../Images/Phosphor_icons/Trash_thin.svg);
		background-size: 24px;
		background-repeat: no-repeat;
		background-position: center;
		border-radius: 20px;
	}

	.list-item-menu-block .grid-list-checkbox + div.float-left {
		max-width: 60%;
	}

	.list-item-menu-block {
		padding-bottom: 20px !important;
	}

	.email-header.header-block .footer-row {
		display: inline-flex;
		justify-content: flex-end;
		flex-direction: row;
	}

		.email-header.header-block .footer-row .link-button {
			max-height: 30px;
		}

	.action-block .row > div:not([class]),
	.action-block .row > div[class=""],
	.action-block .row > div[class="active"] {
		height: 100%;
	}

		.action-block .row > div:not([class]) .script-link.action-icon,
		.action-block .row > div[class=""] .script-link.action-icon,
		.action-block .row > div[class="active"] .script-link.action-icon {
			height: 100% !important;
			position: relative;
		}

	.view-pane.col-6.right-view-pane {
		padding-left: 10px;
	}

	#Views .c4-feed.footer-row.margin-top {
		margin-top: 22px !important;
	}

	#Views div[data-block-templatekey="NewPost"] .block.entity-table .row:nth-of-type(2) {
		margin-bottom: 12px;
	}

	.calendar-day-view .buttons {
		background-color: white;
	}

	.dialog-inner-content .container .rm-top-padding iframe {
		min-height: 170px;
	}


#Views .currency-list .row-add-new .footer-row {
	display: table-row;
}
	#Views .currency-list .row-add-new .footer-row a.script-link.link-button {
		float: right !important;
	}
/*CUSTOM CSS CLASSES AND STYLES FROM OLDER FORMS----------------------*/



.hidden {
    display: none !important;
}

.notvisible {
    display: none !important;
}

.hide-add .Label.Add.Clickable {
    display: none;
}

.hide-delete .Icon.Delete.Clickable {
    display: none;
}


.top-notification {
    display: none;
    text-align: center;
    padding: 0.75em;
    background-color: #fff98a;
    color: #000000;
    border-bottom: 1px ridge rgba(0,0,0,.1);
    border-top: 1px ridge rgba(0,0,0,.1);
    box-shadow: 0 0.25em 1em 0 rgba(0, 0, 0, 0.25);
    z-index: 3008;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 2em;
}

    .top-notification .message-text {
        max-width: 700px;
        display: inline-block;
    }

.SurveyPrint .top-notification {
    display: none !important;
}






/*CUSTOM CLASSES--------*/

.Question.n-wide {
    width: 50%;
    display: inline-block;
    float: none !important;
    margin-bottom: 15px;
    padding-right: 5px;
}

.Question.n-narrow {
    width: 25%;
    display: inline-block;
    float: none !important;
    margin-bottom: 15px;
    padding-right: 5px;
}

.Question.n-internal-field {
    background: #ffffff !important;
    height: 40px;
    padding: 5px !important;
    border: 1px solid #d7eafc !important;
    margin-top: 0px;
}

.Question.n-text-box {
    font-weight: bold;
    background: #EBEBE8 !important;
    padding: 22px 16px !important;
    margin-top: 0px;
}




.Survey .personnummer-sektion .Question {
    float: left;
}

.Survey .personnummer-sektion:after {
    content: ' ';
    display: block;
    clear: both;
}

.Survey .personnummer-sektion .Questions * {
    padding: 0;
    margin: 0;
}

.Survey .personnummer-sektion .Questions {
    margin-top: -12px;
    border: solid 1px transparent;
    width: 100%;
    margin-left: 20px;
}

    .Survey .personnummer-sektion .Questions .Question * {
        font-size: 10px !important;
        font-weight: normal !important;
        color: #555 !important;
    }

    .Survey .personnummer-sektion .Questions .Question:first-child {
        margin-right: 3px;
    }

.Survey .personnummer-sektion .Question .Answers .Answer {
    margin: 0;
}

.Survey .Section.personnummer-sektion {
    margin-bottom: 0;
}


.Survey .page-break-before {
    page-break-before: always;
}

.Survey .page-break-after {
    page-break-after: always;
}

.show-if-print {
    display: none !important;
}

.Print .Question.show-if-print {
    display: inline-block !important;
}

.Print .Section.show-if-print {
    display: block !important;
}

.Survey .Section.n-compact-print > .Header .Name {
    background: #ddd;
    padding: 1px 5px;
    font-size: 11px;
}

.Survey .bolder .QuestionText span.Name {
    font-size: 16px !important;
}

.Print.Survey .bolder .QuestionText span.Name {
    font-size: 0.8em !important;
}


.Survey .Question.CustomError .Answers input[type="text"],
.Survey .Question.CustomError .Answers input[type="password"],
.Survey .Question.CustomError .Answers input[type="email"],
.Survey .Question.CustomError .Answers select,
.Survey .Question.CustomError .Answers textarea {
    border: 1px solid #FF1900 !important;
}


.n-agreement-text .Header .Name {
    background: transparent !important;
    font-size: 2em;
    color: black !important;
    margin-bottom: initial;
}

.Question.n-three-split {
    width: 33.32% !important;
}

.Question.n-25 {
    width: 25% !important;
}

.n-full-width {
    width: 100% !important;
}

.Question.n-text-box {
    font-weight: bold;
    background: #aae0f9;
    padding: 22px 16px !important;
    margin-top: 0px
}

.Survey .Section.n-col-plain > .Header .Name {
    background: transparent;
    font-size: 16px;
    margin-bottom: -8px
}


.n-fond-list td.Question:first-child {
    width: 33%;
}

.n-fond-list td.Question:nth-child(2) {
    width: 40%;
}

.Survey .n-answer .Answer span {
    font-size: 12px;
}

.n-col-border {
    border: 2px solid;
    margin-right: -1px;
    padding: 5px !important;
    margin-top: -3px !important;
}

.n-col-small {
    height: 65px
}

.n-col-medium {
    height: 100px
}

.n-col-high {
    height: 160px
}

.n-col-xhigh {
    height: 250px
}




/*----Custom checkbox----*/

.n-custom-check .qtButton label span {
    border-radius: 0px;
    border: 0px;
    padding: 0;
    text-align: left;
}


.n-custom-check [type="checkbox"]:checked + span,
.n-custom-check [type="checkbox"]:not(:checked) + span {
    padding-top: 0px;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #1c1c1c;
}

    .n-custom-check [type="checkbox"]:checked + span:before,
    .n-custom-check [type="checkbox"]:not(:checked) + span:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0px;
        width: 18px;
        height: 18px;
        border: 1px solid #ddd;
        border-radius: 0px;
        background: #fff;
    }

    .n-custom-check [type="checkbox"]:checked + span:after,
    .n-custom-check [type="checkbox"]:not(:checked) + span:after {
        content: '';
        position: absolute;
        left: 5px;
        top: 8px;
        background: white;
        width: 2px;
        height: 2px;
        box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    .n-custom-check [type="checkbox"]:not(:checked) + span:after {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    .n-custom-check [type="checkbox"]:checked + span:after {
        opacity: 1;
    }

    .n-custom-check [type="checkbox"]:checked + span:before {
        background: #0046ff;
        border-color: #0046ff;
        border-radius: 0px;
    }

.n-custom-check .qtButton .Answer.Selected label span {
    background: transparent;
    color: inherit;
    padding-top: 0px;
}


.n-check .qtButton label span {
    box-shadow: none;
    border: 1px solid #000000;
    border-radius: 100%;
    line-height: 23px;
    color: #fff;
    padding: 5px 4px;
    width: 37px;
}

.n-check .qtButton .Answer.Selected label span {
    background: #000000;
}

.Survey .Question.n-check .Answers label {
    width: 50px;
}

.n-custom-check .qtButton .Answer.Selected label span:hover {
    background: transparent !important;
    color: inherit !important;
    border: none !important;
}


/**/


/*----Radio button----*/

.n-custom-radio .qtButton .Answer.Selected label span {
    padding-top: 2px;
    background: transparent;
    color: inherit;
    margin-top: 1px;
    text-align: left;
}


.n-custom-radio .qtButton label span {
    border-radius: 0px;
    border: 0px;
    padding: 2px 10px;
}

.n-custom-radio .qtButton .Answer.Selected label span:hover {
    background: transparent !important;
    color: inherit !important;
    border: none !important;
}

.n-custom-radio [type="radio"]:checked,
.n-custom-radio [type="radio"]:not(:checked) {
    display: none;
}

    .n-custom-radio [type="radio"]:checked + span,
    .n-custom-radio [type="radio"]:not(:checked) + span {
        padding-top: 2px;
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #1c1c1c;
    }

        .n-custom-radio [type="radio"]:checked + span:before, .n-custom-radio [type="radio"]:not(:checked) + span:before {
            content: '';
            position: absolute;
            left: 0;
            top: 2px;
            width: 18px;
            height: 18px;
            border: 1px solid #c4c4bf;
            border-radius: 100%;
            background: #fff;
        }

        .n-custom-radio [type="radio"]:checked + span:before {
            border: 1px solid #BDBDBD !important
        }

        .n-custom-radio [type="radio"]:checked + span:after,
        .n-custom-radio [type="radio"]:not(:checked) + span:after {
            content: '';
            width: 12px;
            height: 12px;
            background: #0046ff;
            position: absolute;
            top: 6px;
            left: 4px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

.Survey .Question.n-custom-check [type="checkbox"]:disabled:checked + span::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4IDBIMkMwLjg5NTQzIDAgMCAwLjg5NTQzIDAgMlYxOEMwIDE5LjEwNDYgMC44OTU0MyAyMCAyIDIwSDE4QzE5LjEwNDYgMjAgMjAgMTkuMTA0NiAyMCAxOFYyQzIwIDAuODk1NDMgMTkuMTA0NiAwIDE4IDBaIiBmaWxsPSIjQkJEQUYyIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTUuNjUzOCA3LjE2NDIxTDguNTgyNzMgMTQuMjM1M0w0LjM0MDA5IDkuOTkyNjRMNS43NTQzIDguNTc4NDNMOC41ODI3MyAxMS40MDY5TDE0LjIzOTYgNS43NUwxNS42NTM4IDcuMTY0MjFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
}

.n-custom-radio [type="radio"]:not(:checked) + span:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.n-custom-radio [type="radio"]:checked + span:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.n-custom-radio .qtButton .Answer.Selected label span:hover {
    background: transparent !important;
    color: inherit !important;
    border: none !important;
}

.n-custom-radio .qtButton label span:hover {
    background: transparent !important;
    color: #666 !important;
    border: none !important;
}




.Print .Page.n-compact-page > .Header {
    margin: 0px 0 10px 0 !important;
}

.Print .Page.n-agreement-header > .Header {
    margin: 0px 0 10px 0 !important;
}

.Print .show-if-print {
    display: block !important;
}




@media print {
    .page-break {
        display: block;
        page-break-before: always;
    }

    .Survey .Page {
        page-break-before: always;
    }

        .Survey .Page:first-of-type {
            page-break-before: auto;
        }

    .Survey {
        background-position: 97% 31px;
    }

    .hide-if-print {
        display: none;
    }

    .Survey .QuestionText {
        font-weight: 600;
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .Survey .Section.QuadSplit > .Questions > .Question {
        padding: 0 0px;
    }

    .n-compact-print .Question {
        margin-top: -3px;
    }

        .n-compact-print .Question .Answers .Answer {
            margin-top: 0px;
        }

    .Survey.Print .n-compact-print .Answer span {
        font-size: 11px !important;
    }

    .Section.n-compact-print {
        margin-bottom: 0px;
    }

    .n-compact-print .Question.HideQuestion {
        margin-top: 0px;
    }

    .n-compact-print .Answer label {
        margin-bottom: -8px;
        margin-top: -11px;
    }

    .n-compact-print .Answer {
        margin-top: -1px !important;
    }

    .n-no-vertical-margin-xl {
        margin-top: -8px !important;
    }

    .n-margin-top-zero {
        margin-top: 0px !important;
    }

    .n-agreement-text .DescriptionText p {
        font-size: 8px;
    }

    .page-break {
        display: block;
        page-break-before: always;
    }

    .Survey .n-answer .Answer {
        min-width: 160px;
    }

        .Survey .n-answer .Answer span {
            font-size: 10px;
        }

    .hide-if-print {
        display: none;
    }

    .n-footer {
        font-family: "Nordnet sans", "Open Sans", Verdana, Helvetica, Sans-Serif;
        font-size: 10px;
        line-height: 10px;
    }

    .n-disclaimer {
        text-align: center;
    }

    .n-pagenumber {
        position: absolute;
        right: 0;
        bottom: 0;
    }
}


@media screen and (max-width: 860px) {

    .Question.n-three-split {
        width: 100% !important;
    }

    .Question.n-25 {
        width: 50% !important;
    }

    .Question.n-wide {
        width: 100%;
    }

    .Question.n-narrow {
        width: 50%;
    }
}

@media screen and (max-width: 560px) {
    .Survey .Section.Split > .Questions > .Question {
        width: 100%;
    }

    .Question.n-three-split {
        width: 100% !important;
    }

    .Question.n-25 {
        width: 100% !important;
    }

    .Question.n-wide {
        width: 100%;
    }

    .Question.n-narrow {
        width: 100%;
    }
}










@font-face {
    font-family: 'Nordnet Sans Mono';
    src: url('../../Custom/Resources/Fonts/NordnetSansMono-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'Nordnet Sans Mono Regular';
    src: url('../../Custom/Resources/Fonts/NordnetSansMono-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Nordnet Sans Mono ExtraBold';
    src: url('../../Custom/Resources/Fonts/NordnetSansMono-ExtraBold.otf') format('opentype');
}

@font-face {
    font-family: 'Nordnet Sans Mono Light';
    src: url('../../Custom/Resources/Fonts/NordnetSansMono-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Helvetica';
    src: url('../../Custom/Resources/Fonts/Helvetica-Regular.ttf') format('truetype');
}



/*FONT--------------------------------------------------------*/

/*
@font-face { 
	font-family: 'Nordnet Sans Mono'; 
	src: url('Custom/Fonts/NordnetSansMono-Bold.ttf') format('truetype'); 
}

@font-face { 
	font-family: 'Nordnet Sans Mono Regular'; 
	src: url('Custom/Fonts/NordnetSansMono-Regular.ttf') format('truetype'); 
}
@font-face { 
	font-family: 'Nordnet Sans Mono Light'; 
	src: url('Custom/Fonts/NordnetSansMono-Light.ttf') format('truetype'); 
}


@font-face { 
	font-family: 'Nordnet Sans Mono ExtraBold'; 
	src: url('Custom/Fonts/NordnetSansMono-ExtraBold.ttf') format('truetype'); 
}	
*/


.SurveyTrigger:not(.Preview) .Survey:not(.Print) .SurveyBody {
    margin-top: -20px !important;
}

div.SurveyTrigger:not(.Preview) > div#SurveyDiv {
    margin-top: -20px !important;
}

/*TEXT SETTINGS AND FONT------------------------------------------------*/

.Survey,
.Survey *,
.Survey .Question .Answers input[type=text],
.Survey .Question .Answers input[type=password],
.Survey .Question .Answers input[type=email],
.Survey .Question .Answers select,
.Survey .Page > .Header > .Name,
.Survey .Page .Section select option,
ul.AutoSuggestValues a,
.Survey .Section > .Header > .Name,
.Survey textarea,
.Survey .qtInformation .DescriptionText span,
.Survey .qtInformation .DescriptionText {
    font-family: 'Nordnet Sans Mono Regular' !important;
    box-sizing: border-box;
    color: var(--text_default);
}

    .Survey .Page > .Header > .Name {
        font-family: "Nordnet Sans Mono ExtraBold" !important;
    }

    .Survey .Section > .Header .Name {
        font-family: "Nordnet Sans Mono ExtraBold" !important;
    }

    .Survey .Section.Expandable > .Header .Name {
        font-family: "Nordnet Sans Mono ExtraBold" !important;
    }

    .Survey .icon-info:before {
        font-family: "Nordnet Sans Mono ExtraBold" !important;
    }

    .Survey .Question .Answer > input::placeholder,
    .Survey .Question .Answer > textarea::placeholder {
        font-family: "Nordnet Sans Mono Regular";
    }

    .Survey .Navigation button[class] span {
        font-family: "Nordnet Sans Mono Regular" !important;
    }

    .Survey .Question .Answers label span:nth-of-type(2) {
        font-family: "Nordnet Sans Mono Light";
    }

    #ui-datepicker-div *,
    div .daterangepicker *,
    .daterangepicker *,
    div .daterangepicker button,
    .drp-buttons button.cancelBtn.btn.btn-sm.btn-default,
    .drp-buttons button.applyBtn.btn.btn-sm.btn-primary,
    .Survey:not(.Print) .Question.floating-label .Header .QuestionText .Name,
    .Survey .Input.Calendar.date-picker-mobile span {
        font-family: "Nordnet Sans Mono Regular" !important;
    }

.SurveyTrigger ~ .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable {
    font-family: 'Nordnet Sans Mono ExtraBold';
}
/*Modal buttons*/
.SurveyTrigger ~ .ui-dialog .ui-dialog-buttonpane button {
    font-family: 'Nordnet Sans Mono Regular';
}









/*FIREFOX/ SPECIFIC SETTINGS FOR FONT----------------------------*/

@-moz-document url-prefix() {


    .Survey .Page > .Header > .Name,
    .Survey .Section > .Header .Name {
        font-weight: 500 !important;
        font-family: 'Nordnet Sans Mono ExtraBold';
    }

    .Survey,
    .Survey *,
    .Survey .Question .Answers input[type=text],
    .Survey .Question .Answers input[type=password],
    .Survey .Question .Answers input[type=email],
    .Survey .Question .Answers select,
    .Survey .Page .Section select option,
    ul.AutoSuggestValues a,
    .Survey textarea,
    .Survey select * {
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
        font-family: 'Nordnet Sans Mono Regular' !important;
        letter-spacing: 0pt;
    }

        .Survey .Page > .Header .Description,
        .Survey .Page .Section .Question .DescriptionText span {
            font-family: 'Nordnet Sans Mono Regular' !important;
            letter-spacing: 0pt;
        }

        .Survey:not(.Print) .Question.floating-label .Header .QuestionText .Name {
            letter-spacing: 0pt !important;
        }

        .Survey .icon-info::before {
            font-weight: 400 !important;
        }

        .Survey .QuestionText span,
        .Survey div.HasTopTabs > ul > li span {
            font-weight: 400 !important;
            letter-spacing: 0pt;
            font-family: 'Nordnet Sans Mono' !important;
        }

        .Survey .Page .Section .Question select option {
            font-family: "Nordnet Sans Mono" !important;
        }


        .Survey .Navigation button[data-bind*="DownloadPdf"] > span {
            font-weight: 500 !important;
        }

    #ui-datepicker-div *,
    .daterangepicker * {
        font-family: 'Nordnet Sans Mono' !important;
        font-weight: 400 !important;
    }

    #ui-datepicker-div td a,
    #ui-datepicker-div select option,
    .daterangepicker select option,
    .daterangepicker .table-condensed tbody td {
        font-family: 'Nordnet Sans Mono Regular' !important;
    }

    .ui-datepicker th > span {
        visibility: visible !important;
    }

    .daterangepicker .table-condensed thead tr:nth-of-type(2) th {
        visibility: visible !important;
        padding-left: initial !important;
    }

    .Survey .Page .Label.Add.Clickable span {
        font-family: "Nordnet Sans Mono" !important;
        font-weight: 400 !important;
    }

    .SurveyTrigger ~ .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable .ui-dialog-content.ui-widget-content {
        font-weight: 400 !important;
    }

    .SurveyTrigger:not(.Preview) .Survey:not(.Print) .SurveyBody {
        margin-top: initial !important;
    }

    .Survey a {
        font-family: "Nordnet Sans Mono" !important;
        font-weight: 400 !important;
    }

    .SurveyTrigger:not(.Preview) > div#SurveyDiv {
        margin-top: 0px !important;
    }

    .SurveyTrigger:not(.Preview) .Survey:not(.Print) .SurveyBody {
        margin-top: -20px !important;
    }

    .SurveyTrigger:not(.Preview) .Survey:not(.Print)::before {
        height: 62px !important;
    }
    /*Style when radio is CHECKED*/
    .Survey .Page .qtRadio:not(.qtButton) input[type="radio"]:checked {
        border: 1px solid #BDBDBD;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjYiIGZpbGw9IiMzMzZCRkYiLz4KPC9zdmc+Cg==");
        outline: none !important;
        background-size: 12px !important;
        background-repeat: no-repeat;
        background-position: center;
        background-color: transparent !important;
    }

    .Survey .Page .n-custom-radio [type="radio"]:checked + span:before {
        border: 1px solid #BDBDBD !important;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjYiIGZpbGw9IiMzMzZCRkYiLz4KPC9zdmc+Cg==");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 12px !important;
        outline: none !important;
        background-color: transparent !important;
    }

    .Survey .Question.Card.single .Answer input:checked {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjYiIGZpbGw9IiMzMzZCRkYiLz4KPC9zdmc+Cg==);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 13px !important;
        outline: none !important;
        background-color: white !important;
    }

    div.SurveyTrigger:not(.Preview) > div#SurveyDiv {
        margin-top: 0px !important;
    }
}


/*IOS?-------------------------*/

@supports (-webkit-touch-callout: none) {

    .Survey .Page > .Header > .Name,
    .Survey .Section > .Header .Name {
        font-weight: 500 !important;
        font-family: 'Nordnet Sans Mono ExtraBold';
    }

    .Survey,
    .Survey *,
    .Survey .Question .Answers input[type=text],
    .Survey .Question .Answers input[type=password],
    .Survey .Question .Answers input[type=email],
    .Survey .Question .Answers select,
    .Survey .Page .Section select option,
    ul.AutoSuggestValues a,
    .Survey textarea,
    .Survey select * {
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
        font-family: 'Nordnet Sans Mono Regular' !important;
        letter-spacing: -0.1pt;
    }

        .Survey .Page > .Header .Description,
        .Survey .Page .Section .Question .DescriptionText span,
        .Survey .Question label {
            font-family: 'Nordnet Sans Mono Regular' !important;
            letter-spacing: 0.2pt;
        }

        .Survey:not(.Print) .Question.floating-label .Header .QuestionText .Name {
            letter-spacing: 0pt !important;
        }

        .Survey .icon-info::before {
            font-weight: 400 !important;
        }

        .Survey .QuestionText span,
        .Survey div.HasTopTabs > ul > li span {
            font-weight: 400 !important;
            letter-spacing: -0.3pt;
            font-family: 'Nordnet Sans Mono' !important;
        }

        .Survey .Page .Section .Question select option {
            font-family: "Nordnet Sans Mono" !important;
        }

        .Survey .Navigation button[data-bind*="DownloadPdf"] > span {
            font-weight: 500 !important;
        }

    #ui-datepicker-div *,
    .daterangepicker * {
        font-family: 'Nordnet Sans Mono' !important;
        font-weight: 400 !important;
    }

    #ui-datepicker-div td a,
    #ui-datepicker-div select option,
    .daterangepicker select option,
    .daterangepicker .table-condensed tbody td {
        font-family: 'Nordnet Sans Mono Regular' !important;
    }

    .ui-datepicker th > span {
        visibility: visible !important;
    }

    .daterangepicker .table-condensed thead tr:nth-of-type(2) th {
        visibility: visible !important;
        padding-left: initial !important;
    }

    .Survey .Page .Label.Add.Clickable span {
        font-family: "Nordnet Sans Mono" !important;
        font-weight: 400 !important;
    }

    .SurveyTrigger ~ .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable .ui-dialog-content.ui-widget-content {
        font-weight: 400 !important;
    }

    .SurveyTrigger:not(.Preview) .Survey:not(.Print) .SurveyBody {
        margin-top: initial !important;
    }

    .Survey a {
        font-family: "Nordnet Sans Mono" !important;
        font-weight: 400 !important;
    }
    /*Style when radio is CHECKED*/
    .Survey .Page .qtRadio:not(.qtButton) input[type="radio"]:checked {
        border: 1px solid #BDBDBD;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjYiIGZpbGw9IiMzMzZCRkYiLz4KPC9zdmc+Cg==");
        outline: none !important;
        background-size: 12px !important;
        background-repeat: no-repeat;
        background-position: center;
        background-color: transparent !important;
    }

    .Survey .Page .n-custom-radio [type="radio"]:checked + span:before {
        border: 1px solid #BDBDBD !important;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjYiIGZpbGw9IiMzMzZCRkYiLz4KPC9zdmc+Cg==");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 12px !important;
        outline: none !important;
        background-color: transparent !important;
    }

    .Survey .Question.Card.single .Answer input:checked {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjYiIGZpbGw9IiMzMzZCRkYiLz4KPC9zdmc+Cg==);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 13px !important;
        outline: none !important;
        background-color: white !important;
    }
}



/*---------------------------------------------------------------------------*/



.DoneDate {
    margin 0px !important;
}


.Survey .Question.RemoveSpace {
    margin-top: 0px !important;
}






/*(12)-QUESTION-WIDTHS---------------------------------------------------------------------*/
/*Questions width in precentage*/
/*To change width of a question, add the class-name on the question*/
.w-100 {
    width: 100%;
    display: inline-block;
}

.w-95 {
    width: 95%;
    display: inline-block;
}

.w-90 {
    width: 90%;
    display: inline-block;
}

.w-85 {
    width: 85%;
    display: inline-block;
}

.w-80 {
    width: 80%;
    display: inline-block;
}

.w-75 {
    width: 75%;
    display: inline-block;
}

.w-70 {
    width: 70%;
    display: inline-block;
}

.w-65 {
    width: 65%;
    display: inline-block;
}

.w-60 {
    width: 60%;
    display: inline-block;
}

.w-55 {
    width: 55%;
    display: inline-block;
}

.w-50 {
    width: 50%;
    display: inline-block;
}

.w-45 {
    width: 45%;
    display: inline-block;
}

.w-40 {
    width: 40%;
    display: inline-block;
}

.w-35 {
    width: 35%;
    display: inline-block;
}

.w-33 {
    width: 33%;
    display: inline-block;
}

.w-30 {
    width: 30%;
    display: inline-block;
}

.w-25 {
    width: 25%;
    display: inline-block;
}

.w-20 {
    width: 20%;
    display: inline-block;
}

.Survey:not(.Print) .w-100,
.Survey:not(.Print) .w-95,
.Survey:not(.Print) .w-90,
.Survey:not(.Print) .w-85,
.Survey:not(.Print) .w-80,
.Survey:not(.Print) .w-75,
.Survey:not(.Print) .w-70,
.Survey:not(.Print) .w-65,
.Survey:not(.Print) .w-60,
.Survey:not(.Print) .w-55,
.Survey:not(.Print) .w-50,
.Survey:not(.Print) .w-45,
.Survey:not(.Print) .w-40,
.Survey:not(.Print) .w-33,
.Survey:not(.Print) .w-30,
.Survey:not(.Print) .w-25,
.Survey:not(.Print) .w-20 {
    word-break: break-all;
}
/*QUESTION WIDTHS (one row)*/
.wc-50 {
    width: 50%;
}


/*COLORS------------------------------------------------------------------*/

:root {
    --text_default: #1C1C1C;
    --transition: all ease-in-out 0.2s;
}







































/*ICONS-----------------------------------------------------------------------------*/


/*Calendar*/
.Survey .Label.Calendar,
.Survey .Input.Calendar,
.Survey .Icon.Calendar {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMSAxSDVMNSAwSDNMMyAxSDBWMTZIMTZWMUgxM0wxMyAwSDExVjFaTTMgNEwzIDNIMlY1SDE0VjNIMTNWNEwxMSA0TDExIDNINUw1IDRMMyA0Wk0xNCA3SDJWMTRIMTRWN1oiIGZpbGw9IiMxQzFDMUMiLz4KPC9zdmc+Cg==");
    background-size: 16px;
    background-position-X: calc(100% - 15px);
    padding-right: 40px !important;
}

/*Select arrow*/
.Survey select {
    background-position: right 17px center;
    padding-right: 20px !important;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAwLjU5MDA4OUw0IDQuNTkwMDlMOCAwLjU5MDA4OFYzLjQxODUyTDQgNy40MTg1MkwwIDMuNDE4NTJWMC41OTAwODlaIiBmaWxsPSIjMUMxQzFDIi8+Cjwvc3ZnPgo=");
    background-position-x: calc(100% - 12px);
    background-repeat: no-repeat;
    background-size: 8px;
}
/*Autocomplete magnifyingglass*/
.Survey .Page .Section .Question .AutoSuggest .Toggle {
    margin-left: 5px;
    background-position: center !important;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjUxMDgyIDIuNTEwODJDMC4zNjI5MzEgNC42NTg3IDAuMzYyOTMxIDguMTQxMTEgMi41MTA4MiAxMC4yODlDNC40MTcyMiAxMi4xOTU0IDcuMzc0OTYgMTIuNDA5NyA5LjUxNzc1IDEwLjkzMkwxMy44MjQ1IDE1LjIzODdMMTUuMjM4NyAxMy44MjQ1TDEwLjkzMiA5LjUxNzc2QzEyLjQwOTcgNy4zNzQ5NiAxMi4xOTU0IDQuNDE3MjMgMTAuMjg5IDIuNTEwODJDOC4xNDExMSAwLjM2MjkzMSA0LjY1ODcgMC4zNjI5MzEgMi41MTA4MiAyLjUxMDgyWk0zLjkyNTAzIDguODc0NzhDMi41NTgxOSA3LjUwNzk0IDIuNTU4MTkgNS4yOTE4NiAzLjkyNTAzIDMuOTI1MDNDNS4yOTE4NiAyLjU1ODE5IDcuNTA3OTQgMi41NTgxOSA4Ljg3NDc4IDMuOTI1MDNDMTAuMjQxNiA1LjI5MTg2IDEwLjI0MTYgNy41MDc5NCA4Ljg3NDc4IDguODc0NzhDNy41MDc5NCAxMC4yNDE2IDUuMjkxODYgMTAuMjQxNiAzLjkyNTAzIDguODc0NzhaIiBmaWxsPSIjMUMxQzFDIi8+Cjwvc3ZnPgo=");
    background-size: 16px !important;
    background-repeat: no-repeat !important;
    padding-right: 5px !important;
    position: absolute !important;
}

.Survey input.single-autocomplete[disabled] + .Toggle {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjUxMDk0IDIuNTEwODJDMC4zNjMwNTQgNC42NTg3IDAuMzYzMDU0IDguMTQxMTEgMi41MTA5NCAxMC4yODlDNC40MTczNSAxMi4xOTU0IDcuMzc1MDggMTIuNDA5NyA5LjUxNzg4IDEwLjkzMkwxMy44MjQ2IDE1LjIzODdMMTUuMjM4OCAxMy44MjQ1TDEwLjkzMjEgOS41MTc3NkMxMi40MDk4IDcuMzc0OTYgMTIuMTk1NSA0LjQxNzIzIDEwLjI4OTEgMi41MTA4MkM4LjE0MTIzIDAuMzYyOTMxIDQuNjU4ODIgMC4zNjI5MzEgMi41MTA5NCAyLjUxMDgyWk0zLjkyNTE1IDguODc0NzhDMi41NTgzMiA3LjUwNzk0IDIuNTU4MzIgNS4yOTE4NiAzLjkyNTE1IDMuOTI1MDNDNS4yOTE5OSAyLjU1ODE5IDcuNTA4MDYgMi41NTgxOSA4Ljg3NDkgMy45MjUwM0MxMC4yNDE3IDUuMjkxODYgMTAuMjQxNyA3LjUwNzk0IDguODc0OSA4Ljg3NDc4QzcuNTA4MDYgMTAuMjQxNiA1LjI5MTk5IDEwLjI0MTYgMy45MjUxNSA4Ljg3NDc4WiIgZmlsbD0iIzlFOUU5RSIvPgo8L3N2Zz4K") !important;
}



/* + Add icon---------------------*/

.Survey .Label.Add.Clickable,
.Survey .Label.Add.Clickable span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}


    .Survey .Label.Add.Clickable::before {
        display: inline-block;
        content: "";
        height: 24px;
        width: 24px;
        background-size: initial;
        background-position: center;
        background-repeat: no-repeat;
        margin-right: 3px;
    }

.Survey .qtFile .Label.Add.Clickable::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgMy4wODU5NVY1LjkxNDM4TDcuMDAwMDEgMy45MTQzNlYxMi4wMDAySDkuMDAwMDFWMy45MTQzNkwxMSA1LjkxNDM1VjMuMDg1OTJMOC4wMDAwMSAwLjA4NTkzNzVMNSAzLjA4NTk1WiIgZmlsbD0iIzFDMUMxQyIvPgo8cGF0aCBkPSJNMiAxMy4wMDAyVjkuMDAwMTVIMFYxMy4wMDAyQzAgMTQuNjU3IDEuMzQzMTUgMTYuMDAwMiAzIDE2LjAwMDJIMTNDMTQuNjU2OSAxNi4wMDAyIDE2IDE0LjY1NyAxNiAxMy4wMDAyVjkuMDAwMTVIMTRWMTMuMDAwMkMxNCAxMy41NTI0IDEzLjU1MjMgMTQuMDAwMiAxMyAxNC4wMDAySDNDMi40NDc3MiAxNC4wMDAyIDIgMTMuNTUyNCAyIDEzLjAwMDJaIiBmaWxsPSIjMUMxQzFDIi8+Cjwvc3ZnPgo=");
}
/*Upload file hover*/
.Survey .qtFile .Label.Add.Clickable:hover::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgMy4wODU5NVY1LjkxNDM4TDcuMDAwMDEgMy45MTQzNlYxMi4wMDAySDkuMDAwMDFWMy45MTQzNkwxMSA1LjkxNDM1VjMuMDg1OTJMOC4wMDAwMSAwLjA4NTkzNzVMNSAzLjA4NTk1WiIgZmlsbD0iIzMzNkJGRiIvPgo8cGF0aCBkPSJNMiAxMy4wMDAyVjkuMDAwMTVIMFYxMy4wMDAyQzAgMTQuNjU3IDEuMzQzMTUgMTYuMDAwMiAzIDE2LjAwMDJIMTNDMTQuNjU2OSAxNi4wMDAyIDE2IDE0LjY1NyAxNiAxMy4wMDAyVjkuMDAwMTVIMTRWMTMuMDAwMkMxNCAxMy41NTI0IDEzLjU1MjMgMTQuMDAwMiAxMyAxNC4wMDAySDNDMi40NDc3MiAxNC4wMDAyIDIgMTMuNTUyNCAyIDEzLjAwMDJaIiBmaWxsPSIjMzM2QkZGIi8+Cjwvc3ZnPgo=");
}
/*Upload file active*/
.Survey .qtFile .Label.Add.Clickable:active::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IjE2L0V4cG9ydCI+CjxnIGlkPSJVbmlvbiI+CjxwYXRoIGQ9Ik01IDMuMDg1OFY1LjkxNDIzTDcuMDAwMDEgMy45MTQyMVYxMkg5LjAwMDAxVjMuOTE0MjFMMTEgNS45MTQyVjMuMDg1NzdMOC4wMDAwMSAwLjA4NTc4NDlMNSAzLjA4NThaIiBmaWxsPSIjMUY0MDk5Ii8+CjxwYXRoIGQ9Ik0yIDEzVjlIMFYxM0MwIDE0LjY1NjkgMS4zNDMxNSAxNiAzIDE2SDEzQzE0LjY1NjkgMTYgMTYgMTQuNjU2OSAxNiAxM1Y5SDE0VjEzQzE0IDEzLjU1MjMgMTMuNTUyMyAxNCAxMyAxNEgzQzIuNDQ3NzIgMTQgMiAxMy41NTIzIDIgMTNaIiBmaWxsPSIjMUY0MDk5Ii8+CjwvZz4KPC9nPgo8L3N2Zz4K");
}



/*Add row icon */
.Survey .Label.Add.Clickable::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgOUw3IDE2SDlWOUgxNlY3SDlWMEg3TDcgN0g0Ljc2ODM3ZS0wN0wwIDlIN1oiIGZpbGw9IiMxQzFDMUMiLz4KPC9zdmc+Cg==");
}
/*Add row hover*/
.Survey .Label.Add.Clickable:hover::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgOUw3IDE2SDlWOUgxNlY3SDlWMEg3TDcgN0g0Ljc2ODM3ZS0wN0wwIDlIN1oiIGZpbGw9IiMzMzZCRkYiLz4KPC9zdmc+Cg==");
}
/*Add row active*/
.Survey .Label.Add.Clickable:active::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgOUw3IDE2SDlWOUgxNlY3SDlWMEg3TDcgN0g0Ljc2ODM3ZS0wN0wwIDlIN1oiIGZpbGw9IiMyNjUwQkYiLz4KPC9zdmc+Cg==");
}



/*Download/download pdf icon*/
.Survey div.Navigation button[class="nextbutton"] > span::after,
.Survey .Navigation button[data-bind*="DownloadPdf"] > span::after {
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-left: 5px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDcuMTE4NzlWOS43MzAxOUw3Ljk5OTk5IDEyLjVMNSA5LjczMDIxVjcuMTE4ODJMNi45OTk5OSA4Ljk2NTM0TDcgNEg5TDguOTk5OTkgOC45NjUzNEwxMSA3LjExODc5WiIgZmlsbD0iIzFDMUMxQyIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTggMTRDMTEuMzEzNyAxNCAxNCAxMS4zMTM3IDE0IDhDMTQgNC42ODYyOSAxMS4zMTM3IDIgOCAyQzQuNjg2MjkgMiAyIDQuNjg2MjkgMiA4QzIgMTEuMzEzNyA0LjY4NjI5IDE0IDggMTRaTTggMTZDMTIuNDE4MyAxNiAxNiAxMi40MTgzIDE2IDhDMTYgMy41ODE3MiAxMi40MTgzIDAgOCAwQzMuNTgxNzIgMCAwIDMuNTgxNzIgMCA4QzAgMTIuNDE4MyAzLjU4MTcyIDE2IDggMTZaIiBmaWxsPSIjMUMxQzFDIi8+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-position: center;
}

/*Close-button icon*/
/*
.Survey button.CloseButton > span::before{
    content: "";
	display: inline-block;
    height: 21px;
    width: 21px;
    margin-right: 10px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAABACAYAAABItWqnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOPSURBVHgB7ZxPVhpBEIerBg7ADcLLKru4zW7MOvr0BIETBMgBxAME8AZ4gYgka52sskyyzEq8gR7AqVQNDOFPz4hKd1f7/N7zydA80c/pX3dXz4AQIK34oB4hXfLDOmwThGHv4ryZH1YgMKyJmbLz7vWb+s+rv+dyEJQcy2Jy5oIQAoHF1FjML7Ar5j9IxxGEQw1ciRFSfBWSHOdUwTKSExWkszvC5iAZ/QYLIMKIUriBx4AQQ8EZaVXOLCcuid9cvn+OPzS/JN9HsHUqrV7y9RoeQTveHyJi3dRmtVvxmXIDhCezwxph5awdH36EQLCeOb1kNACC+dmCmA5DEeQkkFNAmXVO8uNQBDmRI90rJTzkh/PQDEGQs6E8G6kIjxefe6ggJEhMX3dpegsWcD5D5tFhwKPDp8XniKJGPzk7BQ/MRqv1fxDB0PkkkCDq8tC+NN/R2sWcy5H8oZX8EURQJ95rgSK8LB9Y0IQDurnWgFG/837/CJTgbW3FgkZEdLLWQNjVIsjrwrOfjFsy2qw1KBHkfVV+tzJBnKNAkHc5hfkjeBakop7DghIW0TY2ehSkpti1ukBdwpMgVZXAtCh/BA+CVMkxLVCXcCxIXQ3ZtEBdwqEglQV2yR/jBDHHkSC1uw+mBeryC+wLqnbi/S6oJOVSBvzhFelO4UumgqB3MT4GC1T5zdUs9FbZqNgkguK9217ybQBb5pls6kVvwQIvO54lvMgp4VnIoYisFNifg5wJpVEXLFDl6fouKKUCdETTjf4ipNyxm207W6CalQsU0okPNhUzAUuo7FZy2Qrv4HVLXmJdjKBOzsJ1f0U4ESOokxNFJDP2ekGzMzHZ7wKKkJzhFWejoNmpGEGNnHtyxrkYQYWce3LGixhBhZySnPEmRvAupyRnvIoRvMopyRnvYgRvckpyRoUYwZucgpxRI0bwIqcgZ1SJEZzLKcgZdWIEp3IKckalGMH6jSGLZDlDSzmzsZjsPgqgvqmN99jbNmo6zuRMc4YaC0899Iyp8V5Nw9RQwawSuHU5TrqVIWfUdqVFrMsx5EwQYgTrclbmM8GIEazLIaJ8VzcoMYKTex/k/gK5auIpYmbd88rURmC4XHdDWIBcqFAz/NChk9Gqn4wbYBH+A2OwwMt2cAkhyZF5zAScgdfBfCKB4OjjGjhu6LR/OW4EJUewLSgXI4+DkyPkN/KTaZR5AizmRy5G+AfjuulxCuE3wwAAAABJRU5ErkJggg==');	
    background-repeat: no-repeat;
    background-position: center;
	background-size: contain;
}
*/
/*Previous button icon*/

.Survey .Navigation .PrevButton::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuODI4NDMgN0w4LjgyODQyIDNMNiAzTDEgOEw2IDEzSDguODI4NDNMNC44Mjg0MyA5SDE0Ljk5NVY3SDQuODI4NDNaIiBmaWxsPSIjMzM2QkZGIi8+Cjwvc3ZnPgo=");
    margin-right: 8px;
    background-position-y: 1px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    height: 16px !important;
    width: 16px !important;
    content: "";
}

.Survey .Navigation button.PrevButton[disabled]::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuODI4NDMgNEw3LjgyODQyIDBMNSAyLjQ3MjY5ZS0wN0wwIDVMNSAxMEg3LjgyODQzTDMuODI4NDMgNkgxMy45OTVWNEgzLjgyODQzWiIgZmlsbD0iIzlFOUU5RSIvPgo8L3N2Zz4K") !important;
}


/*Remove icon*/
.Survey .Label.Delete,
.Survey .Input.Delete,
.Survey .Icon.Delete {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNSAxMkw1LjUgNkg3LjVMNy41IDEySDUuNVoiIGZpbGw9IiMxQzFDMUMiLz4KPHBhdGggZD0iTTguNSA2TDguNSAxMkgxMC41VjZIOC41WiIgZmlsbD0iIzFDMUMxQyIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjExODEgMEg1Ljg4MTk4TDQuNjMxOTggMi41SDFWNC41SDJWMTNDMiAxNC42NTY5IDMuMzQzMTUgMTYgNSAxNkgxMUMxMi42NTY5IDE2IDE0IDE0LjY1NjkgMTQgMTNWNC41SDE1VjIuNUgxMS4zNjgxTDEwLjExODEgMFpNOS4xMzE5OCAyLjVMOC44ODE5OCAySDcuMTE4MDVMNi44NjgwNSAyLjVIOS4xMzE5OFpNNCA0LjVIMTJWMTNDMTIgMTMuNTUyMyAxMS41NTIzIDE0IDExIDE0SDVDNC40NDc3MiAxNCA0IDEzLjU1MjMgNCAxM1Y0LjVaIiBmaWxsPSIjMUMxQzFDIi8+Cjwvc3ZnPgo=");
    background-size: 16px;
    background-color: #F5F5F5 !important;
    background-position: center;
    height: 28px;
    width: 28px;
    border-radius: 100%;
}

    .Survey .Label.Delete:hover,
    .Survey .Input.Delete:hover,
    .Survey .Icon.Delete:hover {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNSAxMkw0LjUgNkg2LjVMNi41IDEySDQuNVoiIGZpbGw9IiMzMzZCRkYiLz4KPHBhdGggZD0iTTcuNSA2TDcuNSAxMkg5LjVWNkg3LjVaIiBmaWxsPSIjMzM2QkZGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS4xMTgwNSAwSDQuODgxOThMMy42MzE5OCAyLjVIMFY0LjVIMVYxM0MxIDE0LjY1NjkgMi4zNDMxNSAxNiA0IDE2SDEwQzExLjY1NjkgMTYgMTMgMTQuNjU2OSAxMyAxM1Y0LjVIMTRWMi41SDEwLjM2ODFMOS4xMTgwNSAwWk04LjEzMTk4IDIuNUw3Ljg4MTk4IDJINi4xMTgwNUw1Ljg2ODA1IDIuNUg4LjEzMTk4Wk0zIDQuNUgxMVYxM0MxMSAxMy41NTIzIDEwLjU1MjMgMTQgMTAgMTRINEMzLjQ0NzcyIDE0IDMgMTMuNTUyMyAzIDEzVjQuNVoiIGZpbGw9IiMzMzZCRkYiLz4KPC9zdmc+Cg==);
        background-size: 14px 16px !important;
    }

.Survey .qtCustom > div > .Row > .Delete {
    position: absolute;
    right: 0px;
    top: 3px;
}



/*Expandable sections expand-icon*/
.Survey .Section.Expandable > .Header .Name::after {
    content: "";
    width: 30px;
    height: 100%;
    color: #e6e6e6;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    background-size: 16px 11px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMC4wNTA5NDc0TDkuOTczMjYgOS41NTA3N0wyMCAwVjIuNDQ5MjRMOS45NzMyNiAxMkwwIDIuNTAwMThWMC4wNTA5NDc0WiIgZmlsbD0iIzFDMUMxQyIvPgo8L3N2Zz4K");
}

.Survey .Section.Expandable.DefaultExpanded > .Header .Name::after {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDExLjk0OTFMMTAuMDI2NyAyLjQ0OTI0TDAgMTJMMS4xMjM5NWUtMDcgOS41NTA3NkwxMC4wMjY3IDBMMjAgOS40OTk4MlYxMS45NDkxWiIgZmlsbD0iIzFDMUMxQyIvPgo8L3N2Zz4K");
    background-repeat: no-repeat;
}

.Survey .Section.Expandable.DefaultExpanded > .Header .Name::after,
.Survey .Section.Expandable > .Header .Name::after {
    background-position: bottom;
}




/*HTML EDITOR------------------------------*/

.Survey .Page a {
    color: #336BFF !important;
    text-decoration: none;
    font-weight: 700;
}
.Survey .Page div > a,
.Survey .Page a  {
  font-family: 'Nordnet Sans Mono Regular' !important;
}

.Survey .Page a:hover,
.Survey .Page div > a:hover{
    cursor: pointer;
    text-decoration-color: #336BFF;
    text-underline-offset: 4px;
    border: none !important;
}

.Survey .Page a::after {
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    height: 16px;
    width: 16px;
    margin-left: 4px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjMwMzIgNi4xMTQxNlYxMS43NzFMMTMuMzAzMiA5Ljc3MTAyTDEzLjMwMzIgMi42OTk5NUw2LjIzMjA5IDIuNjk5OTVMNC4yMzIwOSA0LjY5OTk1TDkuODg4OTUgNC42OTk5NUwyLjcwMDA3IDExLjg4ODhMNC4xMTQyOSAxMy4zMDNMMTEuMzAzMiA2LjExNDE2WiIgZmlsbD0iIzMzNkJGRiIvPgo8L3N2Zz4K");
}

.Survey .Page a,
.Survey .Page div > a{
    display: inline-flex;
    align-items: center;
    text-decoration: underline;
    text-decoration-color: transparent;
}

/*-------------------------------------------------------------------------------*/



/*BACKGROUND IN DIGITAL, NON AFFECTED PDF-------------------------------------------------*/
.SurveyTrigger .Survey {
    box-shadow: none !important;
}

    .SurveyTrigger .Survey:not(.Print) .SurveyBody {
        background-color: white !important;
        padding: 20px !important;
    }

.SurveyTrigger:not(.Preview) > div#SurveyDiv {
    margin-top: 0px !important;
    background-color: #F5F5F5;
    /* height: 100vh !important;*/
}

.SurveyTrigger:not(.Preview) div.Survey:not(.Print) {
    /*  min-height: 100% !important;*/
}

.SurveyTrigger:not(.Preview) .Survey:not(.Print) .SurveyBody {
    background-color: white !important;
    padding: 0px !important;
    max-width: 1320px;
    margin: auto;
    margin-top: -20px !important;
    box-shadow: none;
}

/*
.SurveyTrigger:not(.Preview) .Survey:not(.Print) .Page > .Header > .Name,
.SurveyTrigger:not(.Preview) .Survey:not(.Print) .Page > .Header .Description{
 color: #000 !important;
}
*/
.Print.Survey .SurveyBody {
    background-color: white !important;
    box-shadow: none !important;
}

    .Print.Survey .SurveyBody .PageTabs {
        background-color: white !important;
    }

.Survey:not(.Print) {
    background-color: white !important;
    min-height: 100vh !important;
    padding: 0px;
}

.dialog-inner-content .Survey,
.dialog-inner-content .Survey .SurveyBody .Pagetabs {
    background-color: white !important;
}






/*TOPBAR------------------*/

.SurveyTrigger:not(.Preview) .Survey:not(.Print)::before {
    margin-bottom: 0px !important;
    content: "";
    display: inline-block;
    height: 64px;
    width: 100%;
    background-image: none;
    border-bottom: none;
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #121212;
    position: sticky;
}

/*Logo for topbar (Responsive with form)*/
.SurveyTrigger:not(.Preview) .Survey:not(.Print) .SurveyBody::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTg2IiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMTg2IDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTQyXzMwNzMpIj4KPHBhdGggZD0iTTg5LjA1NDIgMFYxOS41NjY3SDkzLjA2MjFWMTIuNzY0NEM5My4wNjIxIDEwLjMyNTcgOTMuMDE4MiA4LjAzOTIgOTIuOTMwNSA1Ljk2NTRDOTMuOTcxNiA3LjgyMTExIDk1LjE3NTkgOS43NTcwOCA5Ni40MjE4IDExLjcxMjlMOTYuNDIyMiAxMS43MTM2TDEwMS4zMTkgMTkuNTY2N0gxMDUuNjA3VjBIMTAxLjU5OVY3LjE1NDUyQzEwMS41OTkgOS40OTQ1NCAxMDEuNjIxIDExLjUzNjUgMTAxLjcwMiAxMy40MTI1QzEwMC43NTEgMTEuNzI4NyA5OS42ODExIDEwLjAwNjkgOTguNTkxOCA4LjI4NzY0TDkzLjQyMzcgMEg4OS4wNTQyWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTM2LjUzOTggMTkuNDA0N1YwLjIxNjI1NUg0NS41Mjc5VjE5LjM5NThMNjguNzM3NyAwLjIxNTg2SDgwLjA2NDFMNTYuODQ1MyAxOS40MDQzTDM2LjUzOTggMTkuNDA0N1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yNS4yMTI2IDAuMjE2MTc2TDEuOTkyODYgMTkuNDA0MkgxMy4zMkwzNi41Mzk4IDAuMjE2MjU1TDI1LjIxMjYgMC4yMTYxNzZaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExNC4wNjIgNC45MzI0MUMxMTEuOTEgNC45MzI0MSAxMTAuMDcyIDUuNjkyMiAxMDguNzcyIDcuMDIwMzVDMTA3LjQ3MiA4LjM0ODM1IDEwNi43MiAxMC4yMzM4IDEwNi43MiAxMi40NjY0QzEwNi43MiAxNC42OTkgMTA3LjQ3MiAxNi41ODQ0IDEwOC43NzIgMTcuOTEyM0MxMTAuMDcyIDE5LjI0MDMgMTExLjkxIDIwIDExNC4wNjIgMjBDMTE2LjIwMSAyMCAxMTguMDMyIDE5LjI0MDEgMTE5LjMyOSAxNy45MTIxQzEyMC42MjUgMTYuNTg0MyAxMjEuMzc3IDE0LjY5OSAxMjEuMzc3IDEyLjQ2NjRDMTIxLjM3NyAxMC4yMzM4IDEyMC42MjUgOC4zNDg0NSAxMTkuMzI5IDcuMDIwNTFDMTE4LjAzMiA1LjY5MjM5IDExNi4yMDEgNC45MzI0MSAxMTQuMDYyIDQuOTMyNDFaTTExMC42MiAxMi40NjY0QzExMC42MiAxMS4xNjYzIDExMC45NzEgMTAuMTA4MSAxMTEuNTcyIDkuMzc4MDlDMTEyLjE3IDguNjUwOTkgMTEzLjAyNSA4LjIzNzc0IDExNC4wNjIgOC4yMzc3NEMxMTUuMDg1IDguMjM3NzQgMTE1LjkzMyA4LjY1MDUgMTE2LjUyOCA5LjM3Nzc2QzExNy4xMjYgMTAuMTA3OSAxMTcuNDc3IDExLjE2NjMgMTE3LjQ3NyAxMi40NjY0QzExNy40NzcgMTMuNzgwMyAxMTcuMTI2IDE0LjgzODUgMTE2LjUyOSAxNS41NjQ5QzExNS45MzQgMTYuMjg4NCAxMTUuMDg2IDE2LjY5NTEgMTE0LjA2MiAxNi42OTUxQzExMy4wMjQgMTYuNjk1MSAxMTIuMTcgMTYuMjg3OSAxMTEuNTcyIDE1LjU2NDZDMTEwLjk3MiAxNC44MzgzIDExMC42MiAxMy43ODAzIDExMC42MiAxMi40NjY0WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTEyOS4zNzEgNS4xNzY2QzEyOC40NDggNS4xNzY2IDEyNy42OSA1LjQxNDk5IDEyNy4wNzIgNS44MzgxQzEyNi42MTUgNi4xNTAxNiAxMjYuMjQgNi41NTkxNiAxMjUuOTI5IDcuMDM3NDdWNS4zOTMwMkgxMjIuMzU1VjE5LjU2NjhIMTI2LjJWMTIuNjAxOEMxMjYuMiAxMS4zNTA5IDEyNi40OTMgMTAuMzg0IDEyNy4wNDIgOS43MzIxN0MxMjcuNTg4IDkuMDg0NjQgMTI4LjQwNSA4LjcyNTY3IDEyOS41MDYgOC43MjU2N0MxMjkuOTU2IDguNzI1NjcgMTMwLjQ2MSA4Ljc3ODYxIDEzMS4wNTYgOC44NTk5M0wxMzEuMjM5IDguODg0OTlWNS4zNDA5OEwxMzEuMTA5IDUuMzE1MDNDMTMwLjY4OSA1LjIzMTE4IDEzMC4wNTUgNS4xNzY2IDEyOS4zNzEgNS4xNzY2WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNDEuMjM5IDBWNi41MzA0OUMxNDAuMjk2IDUuNTMyMDEgMTM4Ljk4IDQuOTg2NjMgMTM3LjIyOCA0Ljk4NjYzQzEzNS40MDggNC45ODY2MyAxMzMuODE5IDUuNzE3NTEgMTMyLjY4NiA3LjAyNzY1QzEzMS41NTYgOC4zMzYyNyAxMzAuODg5IDEwLjIxMjUgMTMwLjg4OSAxMi40OTMzQzEzMC44ODkgMTQuNzYwMSAxMzEuNTQyIDE2LjYyOTUgMTMyLjY1OSAxNy45MzQ5QzEzMy43NzcgMTkuMjQyMSAxMzUuMzUzIDE5Ljk3MzEgMTM3LjE3NCAxOS45NzMxQzEzOS4xMDEgMTkuOTczMSAxNDAuNTI0IDE5LjI2OTkgMTQxLjQ4MyAxOC4wNjJWMTkuNTY2N0gxNDUuMDg0VjBIMTQxLjIzOVpNMTM0Ljc4OSAxMi40OTMzQzEzNC43ODkgMTEuMjA2OCAxMzUuMTMzIDEwLjE2ODYgMTM1LjcxMSA5LjQ1NTQxQzEzNi4yODYgOC43NDUwMSAxMzcuMSA4LjM0NjYgMTM4LjA2OCA4LjM0NjZDMTM4Ljk4MyA4LjM0NjYgMTM5Ljc5OCA4LjcyNTMzIDE0MC4zODcgOS40MjcwMkMxNDAuOTc3IDEwLjEzMDMgMTQxLjM0OCAxMS4xNjggMTQxLjM0OCAxMi40OTMzQzE0MS4zNDggMTMuNzkyNiAxNDAuOTkgMTQuODM3NyAxNDAuMzk5IDE1LjU1NDdDMTM5LjgxIDE2LjI2OTQgMTM4Ljk4MiAxNi42NjgyIDEzOC4wMTQgMTYuNjY4MkMxMzcuMDIgMTYuNjY4MiAxMzYuMjIxIDE2LjI1NzMgMTM1LjY2NiAxNS41Mzg0QzEzNS4xMDggMTQuODE1MyAxMzQuNzg5IDEzLjc2OTIgMTM0Ljc4OSAxMi40OTMzWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTE1NC4zOCA0LjkzMjQxQzE1Mi41ODggNC45MzI0MSAxNTEuMjMxIDUuNjI0ODEgMTUwLjM0MSA2LjY3Njk3VjUuMzkzSDE0Ni43NjdWMTkuNTY2N0gxNTAuNjEyVjExLjAzQzE1MC42MTIgMTAuMTk4NyAxNTAuODg0IDkuNTE1ODcgMTUxLjMzOSA5LjA0MTg0QzE1MS43OTQgOC41NjgyIDE1Mi40NDIgOC4yOTE5NSAxNTMuMjE0IDguMjkxOTVDMTU0LjAyMiA4LjI5MTk1IDE1NC42MjUgOC41MzIwOCAxNTUuMDI3IDguOTY1MzRDMTU1LjQzMSA5LjQwMDM5IDE1NS42NTQgMTAuMDUzNCAxNTUuNjU0IDEwLjkyMTZWMTkuNTY2N0gxNTkuNDk5VjkuOTE4ODlDMTU5LjQ5OSA4LjQ3NjM0IDE1OS4wNTUgNy4yMjYxOSAxNTguMTgzIDYuMzM2MDhDMTU3LjMxIDUuNDQ1MyAxNTYuMDI2IDQuOTMyNDEgMTU0LjM4IDQuOTMyNDFaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE2Ny42NTYgNC45MzI0MUMxNjUuNDIgNC45MzI0MSAxNjMuNjM0IDUuNzQxNDQgMTYyLjQwOCA3LjEwNjgyQzE2MS4xODQgOC40NzAxNiAxNjAuNTMxIDEwLjM3NDcgMTYwLjUzMSAxMi41NDc1QzE2MC41MzEgMTQuNzg4NiAxNjEuMTk4IDE2LjY1NDkgMTYyLjQ1MiAxNy45NjE5QzE2My43MDggMTkuMjY5OCAxNjUuNTM1IDIwIDE2Ny44MTkgMjBDMTY5LjI1MyAyMCAxNzAuNjYyIDE5LjY0MTQgMTcxLjgwNiAxOC44MzU4QzE3Mi45NTIgMTguMDI4MiAxNzMuODIxIDE2Ljc3ODcgMTc0LjE4MSAxNS4wMTkyTDE3NC4yMjEgMTQuODI0NkgxNzAuNTIyTDE3MC40ODQgMTQuOTMxOEMxNzAuMjQgMTUuNjE0MyAxNjkuODM4IDE2LjA1MDcgMTY5LjM2MSAxNi4zMTkyQzE2OC44ODEgMTYuNTg5NiAxNjguMzE1IDE2LjY5NTEgMTY3LjczNyAxNi42OTUxQzE2Ni42OTEgMTYuNjk1MSAxNjUuODg3IDE2LjM0OTkgMTY1LjMxMSAxNS43NzA0QzE2NC43NjkgMTUuMjI0OCAxNjQuNDE3IDE0LjQ2MDEgMTY0LjI2NyAxMy41NTAxSDE3NC4yMjRMMTc0LjIzOCAxMy40MDRDMTc0LjI2NiAxMy4xMjU1IDE3NC4yOTMgMTIuNDY5NyAxNzQuMjkzIDEyLjAzMjdDMTc0LjI5MyA5Ljg2NDE0IDE3My43MTcgOC4wODU4OCAxNzIuNTg4IDYuODQ4MzFDMTcxLjQ1NyA1LjYwODYgMTY5Ljc5MSA0LjkzMjQxIDE2Ny42NTYgNC45MzI0MVpNMTcwLjU5NSAxMC43NTk1SDE2NC4zOUMxNjQuNTg2IDkuOTYyMzIgMTY0LjkzOCA5LjI5OTUzIDE2NS40MzcgOC44MjcxM0MxNjUuOTczIDguMzE4OTQgMTY2LjY5MSA4LjAyMDg5IDE2Ny42MDEgOC4wMjA4OUMxNjguNTQzIDguMDIwODkgMTY5LjI1OCA4LjMwNzc0IDE2OS43NTMgOC44MDM3MUMxNzAuMjE4IDkuMjY4OTggMTcwLjUwNiA5LjkzMzI5IDE3MC41OTUgMTAuNzU5NVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xNzYuMyAxLjE2NTMxVjUuMzkyOThIMTczLjgzNFY4LjM0NjU3SDE3Ni4zVjE1Ljg4MTNDMTc2LjMgMTcuMTg2IDE3Ni41NjcgMTguMjAwMSAxNzcuMjQxIDE4Ljg4NDlDMTc3LjkxNSAxOS41Njk5IDE3OC45NjMgMTkuODkyIDE4MC40NDUgMTkuODkyQzE4MS4xMzcgMTkuODkyIDE4Mi4wNzMgMTkuNzgxNCAxODMuMDg3IDE5LjUwNjlMMTgzLjIwNyAxOS40NzQ2VjE2LjIyMjdMMTgzLjAxMiAxNi4yNjQ1QzE4Mi4yNiAxNi40MjU4IDE4MS43ODQgMTYuNDc3OCAxODEuMzkzIDE2LjQ3NzhDMTgwLjk2OSAxNi40Nzc4IDE4MC42NjYgMTYuNDEgMTgwLjQ2OCAxNi4yNDE4QzE4MC4yNzUgMTYuMDc5IDE4MC4xNDYgMTUuNzkwNCAxODAuMTQ2IDE1LjI1ODFWOC4zNDY1N0gxODMuNDUxVjUuMzkyOThIMTgwLjE0NlYxLjE2NTMxSDE3Ni4zWiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xNDJfMzA3MyI+CjxyZWN0IHdpZHRoPSIxODYiIGhlaWdodD0iMjAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
    margin-bottom: 0px !important;
    margin-top: -900px !important;
    width: calc(100% - 40px);
    content: "";
    display: inline-block;
    height: 64px;
    border-bottom: none;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: 40px;
    background-position-y: 60%;
    background-color: #121212;
    position: sticky;
}



.Survey:not(.Print) {
    padding: 0px !important;
}

.SurveyTrigger:not(.Preview) .Survey:not(.Print) {
    max-width: none;
}



/*LOGO-----------------------------------------------------*/
.Survey .Page > .Header {
    background-image: none;
    background-position: center;
    background-repeat: no-repeat;
    background-position-y: 20px;
    background-position-x: 10px;
    background-size: 150px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 20px;
    background-color: white;
    border-radius: 20px 20px 0px 0px
}

.Survey .Page > .Header {
    padding: 10px;
}

.SurveyTrigger:not(.Preview) .Survey:not(.Print) .Page > .Header {
    background-position-x: 40px;
    background-color: white;
    padding-top: 16px;
    padding-bottom: 0px;
}

.SurveyTrigger:not(.Preview) .Survey:not(.Print) .Page > .Header {
    padding-left: 40px;
}
/*.SurveyTrigger:not(.Preview) .Survey:not(.Print) .Question .Page.n-compact-page > .Header {
    padding-left: 0px !important;
}*/

.Survey .Page > .Header > .Name {
    padding-top: 0px;
    font-size: 32px;
    font-weight: 800;
    color: var(--text_default) !important;
}

.Survey .Page > .Header .Description {
    padding-left: 0px;
    padding-bottom: 10px;
    padding-top: 16px;
}
.Survey .Page > .Header .Description,
.Survey .Page > .Header .Description *{
    font-size: 14px !important;
}

.Survey .QuestionText span {
    font-size: 16px;
    font-weight: 600;
}




/*NEUTRALIZING MARGINS--------------------------------*/
.Survey .DescriptionText {
    padding-left: 0px;
    font-size: 14px;
}

.Survey .Page > .Header .Description {
    padding-left: 0px;
}


/*SECTION---------------------------------------*/

.Survey .Sections {
    background-color: white;
    border-radius: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

.Survey:not(.Print) .Section {
    margin-bottom: 15px;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
    padding: 20px;
    border-radius: 8px;
}

    .Survey:not(.Print) .Sections,
    .Survey:not(.Print) .Section > .Header {
        background-color: white !important;
    }

    .Survey:not(.Print) .Section > .Header {
        background-color: white;
        padding: 0px 0px;
    }



.Survey .Section > .Header .Name {
    background: transparent;
    border-bottom: 1px solid white;
    color: #000;
    padding: 0px 10px 0px 0px;
    font-weight: 900;
    font-size: 24px;
}

.Survey .Section > .Header .Description {
    padding-left: 0px;
    padding-top: 0px;
}
.Survey .Section > .Header .Description,
.Survey .Section > .Header .Description *{
    font-size: 14px !important;
}



/*SECTION EXPANDABLE------------*/
.Survey .Section.Expandable:not(.DefaultExpanded) {
    /*border-bottom: solid 1px #DCDCDC;*/
    background-color: white;
    padding: 20px;
    margin-bottom: 10px;
    border-radius: 8px;
    margin-left: 0px;
    margin-right: 0px;
    box-shadow: none;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
}

.Survey .Section.Expandable > .Header {
    display: grid;
}

    .Survey .Section.Expandable > .Header .Name {
        border: none;
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 4px 0px 4px 0px;
    }

    .Survey .Section.Expandable > .Header > .Description {
        padding-bottom: 0px;
    }

    .Survey .Section.Expandable > .Header .Name:hover::after {
        cursor: pointer;
    }


/*QUESTION----------------------------------------*/
.Survey .Question:not(.HideQuestion) {
    margin-top: 10px;
}
.Survey .Question.HideQuestion{
  margin-top: 0px !important;
}


/*Prevention of jumps when error pops up*/
.Survey:not(.Print) .Question .Answers:not(:has(.Answer.Disabled)) {
    min-height: 80px;
}



/*Smaller min-height for radio*/
.Survey:not(.Print) .Question .qtButton .Answers:not(:has(.Answer.Disabled)),
.Survey:not(.Print) .Question .qtRadio .Answers:not(:has(.Answer.Disabled)),
.Survey:not(.Print) .Question .qtCheckbox .Answers:not(:has(.Answer.Disabled)),
.Survey:not(.Print) .Question .qtToggle .Answers:not(:has(.Answer.Disabled)){
    min-height: 64px;
}

.Survey .Question .Answers {
    padding: 3px 7px 3px 0px;
}




/*PREVIEW-SPECIFIC APPEARANCE------------------------*/


.SurveyTrigger:not(.Preview) .Survey:not(.Print) .SurveyBody .PageTabs {
    background-color: #FEFBF9;
}

.SurveyTrigger:not(.Preview) .Survey .Sections {
    padding: 20px 40px 5px 40px;
}

.SurveyTrigger.Preview .Survey:not(.Print) .SurveyBody .PageTabs {
    background-color: white !important;
    border-radius: 0px 0px 0px 0px;
}


/*All INPUTS------------------------------------------------------------*/



.Survey input[type="text"],
.Survey input[type="password"],
.Survey input[type="email"],
.Survey select,
.Survey textarea,
.Survey input[type='number']:not(.num-input),
.Survey .num-in #num-input,
.Survey .date-picker-mobile {
    background-color: #F5F5F5 !important;
    /*border-bottom: 2px solid #D3C3BC !important;*/
    /*box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.20) inset;*/
    border-radius: 8px !important;
    min-height: 48px;
    padding-left: 10px !important;
    padding-top: 6px;
    padding-bottom: 6px !important;
}

.Survey input[type="text"],
.Survey input[type="password"],
.Survey input[type="email"],
.Survey select,
.Survey textarea,
.Survey input[type='number']:not(.num-input),
.Survey .date-picker-mobile {
    border: 1px solid #F5F5F5 !important;
}


/*DATEPICKER MOBILE INPUT ADJUSTMENTS*/
.Survey .Page .Sections .Input.Calendar.date-picker-mobile {
    display: inline-flex;
    width: 100%;
    align-items: center;
}

.Survey .Input.Calendar.date-picker-mobile span {
    font-weight: 300 !important;
}

.Survey .Page .Sections .Question.floating-label .Input.Calendar.date-picker-mobile {
    padding-top: 20px;
}

.Survey textarea {
    min-height: 96px !important;
}

/*Textarea only resize vertical*/
.Survey .Question .Answers textarea {
    resize: vertical;
}


.Survey .AutoSuggest {
    min-height: 48px;
}

    .Survey .AutoSuggest > input {
        display: none;
    }

    .Survey .AutoSuggest .Toggle {
        float: right;
        cursor: pointer;
        height: 48px;
    }

.Survey .single-autocomplete {
    padding-right: 25px !important;
}

.Survey .Question .Answers input.C4AutoCompleteSearch {
    width: 100% !important;
    padding-right: 10px !important;
    padding-left: 37px !important;
}





/*ALL INPUTS HOVER---------------------------------------*/
.Survey input[type="text"]:not([disabled]):hover,
.Survey input[type="password"]:not([disabled]):hover,
.Survey input[type="email"]:not([disabled]):hover,
.Survey textarea:not([disabled]):hover,
.Survey select:not([disabled]):hover,
.Survey textarea:not([disabled]):hover,
.Survey input[type='number']:not([disabled]):hover,
.Survey .date-picker-mobile:hover {
    /*outline: 1px hsl(60 4% 70% / 1)solid !important;
	outline-offset: -2px;
	*/
    border: solid 1px #E0E0E0 !important;
}
/*ALL INPUTS FOCUS-------------------*/
.Survey .Page input[type="text"]:focus,
.Survey .Page input[type="password"]:focus,
.Survey .Page input[type="email"]:focus,
.Survey .Page textarea:focus,
/*.Survey .Page select:focus,*/
.Survey .Page textarea:focus,
.Survey .Page input[type='number']:focus,
.Survey .Page input[type='number']:focus-visible,
.Survey .Page .num-in #num-input:focus,
.Survey .date-picker-mobile:focus {
    /*	outline: 2px hsl(60 4% 70% / 1)solid !important;
	outline-offset: -2px;		
*/
    outline: none !important;
    border: 1px solid #BDBDBD !important;
}

/*ALL INPUTS ACTIVE-------------------------------------*/

.Survey input[type="text"]:active,
.Survey input[type="password"]:active,
.Survey input[type="email"]:active,
.Survey textarea:active,
.Survey select:active,
.Survey textarea:active,
.Survey input[type='number']:active,
.Survey input[type='number']:active,
.Survey .num-in #num-input:active,
.Survey .date-picker-mobile:active {
    /*	outline: 2px hsl(60 4% 70% / 1)solid !important;
	outline-offset: -2px;		
*/
    /*border-color: #72605E !important;*/
}


/*Select focus*/
.Survey select:focus,
.Survey .Combo > input:focus {
    outline-offset: -2px;
    outline: solid 2px #D6E1FF !important;
    border-color: #D6E1FF !important;
    border-width: 1px !important;
}
/*Calendar special focus*/
.Survey .Page .Sections input[data-bind*="datetimepicker"]:focus,
.Survey .Page .Sections input[data-bind*="daterangepicker"]:focus,
.Survey .PAGE .Sections .date-picker-mobile:focus {
    border: solid 1.5px #1C1C1C !important;
}


/*ALL INPUTS PLACEHOLDER DESIGN-------------*/
.Survey .Question .Answer > input::placeholder,
.Survey .Question .Answer > textarea::placeholder {
    font-size: 12px !important;
    font-weight: 400 !important;
    top: 0px;
}


/*Removing color for placeholders*/
/* 		
.Survey input::placeholder,
.Survey textarea::placeholder{
    color: #6E6E6E;
}		
*/

/*SELECT DROPDOWN-LIST-----------------------------------------*/

.Survey Select > option {
    background-color: white;
    color: #000 !important;
}

.AutoSuggestValues {
    z-index: 2 !important;
}

ul.AutoSuggestValues.autosuggest-menu .autosuggest-menu-item a {
    font-size: 14px;
    padding-left: 10px;
    color: #000 !important;
}

    ul.AutoSuggestValues.autosuggest-menu .autosuggest-menu-item a:hover {
        background-color: #F5F5F5;
        color: #1c1c1c !important;
    }


.AutoSuggestValues.autosuggest-menu {
    border: none;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    margin-top: 24px;
}


/*AUTOSUGGEST BAG------------------------------------------*/

/*Mobile bag*/
.small-device .AutoSuggestSelectBag {
    position: inherit !important;
    margin-top: 4%;
    z-index: 2 !important;
}

.small-device .AutoSuggestValues.autosuggest-menu {
    border: none;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    margin: 10px 5px 5px 5px !important;
    width: calc(100% - 10px) !important;
}

.small-device .AutoSuggestSelectBag li a {
    width: 100%;
    font-weight: 600;
    display: inline-flex;
    margin: 2px 0px 2px 0px !important;
    border-radius: 16px;
    background-color: #F5F5F5;
    justify-content: space-between;
    background-size: 16px !important;
    background-position-x: 97%;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDE2QzEyLjQxODMgMTYgMTYgMTIuNDE4MyAxNiA4QzE2IDMuNTgxNzIgMTIuNDE4MyAwIDggMEMzLjU4MTcyIDAgMCAzLjU4MTcyIDAgOEMwIDEyLjQxODMgMy41ODE3MiAxNiA4IDE2Wk00LjQ2NDQ4IDEwLjEyMTNMNi41ODU4IDcuOTk5OThMNC40NjQ0OCA1Ljg3ODY2TDUuODc4NjkgNC40NjQ0NUw4LjAwMDAxIDYuNTg1NzdMMTAuMTIxMyA0LjQ2NDQ1TDExLjUzNTUgNS44Nzg2Nkw5LjQxNDIyIDcuOTk5OThMMTEuNTM1NSAxMC4xMjEzTDEwLjEyMTMgMTEuNTM1NUw4LjAwMDAxIDkuNDE0Mkw1Ljg3ODY5IDExLjUzNTVMNC40NjQ0OCAxMC4xMjEzWiIgZmlsbD0iIzFDMUMxQyIvPgo8L3N2Zz4K") !important;
    padding: 6px 12px;
    color: #000000;
    font-size: 14px;
}

/*Desktop bag*/
.AutoSuggestSelectBag li a {
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
    background: #F5F5F5 !important;
    background-size: 16px !important;
    background-repeat: no-repeat !important;
    background-position-x: 95% !important;
    background-position-y: 50% !important;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDE2QzEyLjQxODMgMTYgMTYgMTIuNDE4MyAxNiA4QzE2IDMuNTgxNzIgMTIuNDE4MyAwIDggMEMzLjU4MTcyIDAgMCAzLjU4MTcyIDAgOEMwIDEyLjQxODMgMy41ODE3MiAxNiA4IDE2Wk00LjQ2NDQ4IDEwLjEyMTNMNi41ODU4IDcuOTk5OThMNC40NjQ0OCA1Ljg3ODY2TDUuODc4NjkgNC40NjQ0NUw4LjAwMDAxIDYuNTg1NzdMMTAuMTIxMyA0LjQ2NDQ1TDExLjUzNTUgNS44Nzg2Nkw5LjQxNDIyIDcuOTk5OThMMTEuNTM1NSAxMC4xMjEzTDEwLjEyMTMgMTEuNTM1NUw4LjAwMDAxIDkuNDE0Mkw1Ljg3ODY5IDExLjUzNTVMNC40NjQ0OCAxMC4xMjEzWiIgZmlsbD0iIzFDMUMxQyIvPgo8L3N2Zz4K") !important;
    padding: 6px 12px;
    color: #000000;
    font-size: 12px;
    margin-bottom: 5px;
    border-radius: 16px;
}

    .AutoSuggestSelectBag li a:hover {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDE2QzEyLjQxODMgMTYgMTYgMTIuNDE4MyAxNiA4QzE2IDMuNTgxNzIgMTIuNDE4MyAwIDggMEMzLjU4MTcyIDAgMCAzLjU4MTcyIDAgOEMwIDEyLjQxODMgMy41ODE3MiAxNiA4IDE2Wk00LjQ2NDQ4IDEwLjEyMTNMNi41ODU4IDcuOTk5OThMNC40NjQ0OCA1Ljg3ODY2TDUuODc4NjkgNC40NjQ0NUw4LjAwMDAxIDYuNTg1NzdMMTAuMTIxMyA0LjQ2NDQ1TDExLjUzNTUgNS44Nzg2Nkw5LjQxNDIyIDcuOTk5OThMMTEuNTM1NSAxMC4xMjEzTDEwLjEyMTMgMTEuNTM1NUw4LjAwMDAxIDkuNDE0Mkw1Ljg3ODY5IDExLjUzNTVMNC40NjQ0OCAxMC4xMjEzWiIgZmlsbD0iIzMzNkJGRiIvPgo8L3N2Zz4K") !important;
    }

.desktop .AutoSuggestSelectBag li {
    width: auto;
    float: left;
    clear: none;
    background: transparent !important;
    border: none !important;
    border-radius: 15px;
    padding-left: 7px;
    display: inline-block;
}



.AutoSuggestValues.autosuggest-menu::-webkit-scrollbar-track {
    background-color: white !important;
}

.desktop .AutoSuggestValues::-webkit-scrollbar-thumb {
    border: 5px solid #7D7D7D;
}

.desktop .AutoSuggestValues::-webkit::-webkit-scrollbar-button {
    visibility: hidden !important;
    display: none !important;
}


/*INPUT TYPE NUMBER----------------------------------------------*/
.Survey input[type="number"] {
    -webkit-appearance: textfield !important;
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}

.Survey input::-webkit-outer-spin-button,
.Survey input::-webkit-inner-spin-button {
    opacity: 0;
    margin: 0px;
    margin-top: -18px;
    margin-bottom: -15px;
}

    .Survey input::-webkit-outer-spin-button:hover,
    .Survey input::-webkit-inner-spin-button:hover {
        cursor: pointer;
    }

.Survey input[type="number"]:not(.num-input) {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDggMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04IDcuNDE4MjdMNCAzLjQxODI3TDEuMjM2MzRlLTA3IDcuNDE4MjdMMCA0LjU4OTg0TDQgMC41ODk4NDRMOCA0LjU4OTg0VjcuNDE4MjdaIiBmaWxsPSIjMUMxQzFDIi8+CjxwYXRoIGQ9Ik0wIDIwLjU4OThMNCAyNC41ODk4TDggMjAuNTg5OFYyMy40MTgzTDQgMjcuNDE4M0wwIDIzLjQxODNWMjAuNTg5OFoiIGZpbGw9IiMxQzFDMUMiLz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: calc(100% - 12px);
}


/*SPINNER------------------------------------------------*/

.Survey .num-container {
    float: left;
    padding: 0px 0px 0px 0px !important;
}


.Survey .num-in {
    border: none !important;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    float: left;
    width: 176px;
    height: 40px;
    box-shadow: none;
    border-radius: 0px !important;
}

    .Survey .num-in span:before,
    .Survey .num-in span:after {
        content: '';
        position: absolute;
        background-color: #667780;
        height: 2px;
        width: 12px;
        top: 50%;
        left: 50%;
        margin-top: -1px;
        margin-left: -5px;
    }


.Survey .Page .Section .Question .num-in #num-input {
    font-weight: 700;
    min-height: 38px !important;
    height: 100% !important;
    padding-top: 7px;
    padding-bottom: 0px;
    padding-right: 10px;
    padding-left: 10px;
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 0% !important;
    border-left: none !important;
    border-right: none !important;
    outline: none;
}



.Survey .num-inc,
.Survey .num-dec {
    display: inline-block;
    border-radius: 0px !important;
    width: 70%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 17px;
}

.Survey .num-inc {
    border-radius: 0px 8px 8px 0px !important;
    border-right: 1px solid #F5F5F5 !important;
    border-top: 1px solid #F5F5F5 !important;
    border-bottom: 1px solid #F5F5F5 !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgOUw3IDE2SDlWOUgxNlY3SDlWMEg3TDcgN0g0Ljc2ODM3ZS0wN0wwIDlIN1oiIGZpbGw9IiMxQzFDMUMiLz4KPC9zdmc+Cg==);
    background-size: 16px;
}

    .Survey .num-inc:hover {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgOUw3IDE2SDlWOUgxNlY3SDlWMEg3TDcgN0g0Ljc2ODM3ZS0wN0wwIDlIN1oiIGZpbGw9IiMzMzZCRkYiLz4KPC9zdmc+Cg==");
    }



.Survey .num-dec {
    border-radius: 8px 0px 0px 8px !important;
    border-left: 1px solid #F5F5F5 !important;
    border-top: 1px solid #F5F5F5 !important;
    border-bottom: 1px solid #F5F5F5 !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgOUgxNlY3TDQuNzY4MzdlLTA3IDdMMCA5WiIgZmlsbD0iIzFDMUMxQyIvPgo8L3N2Zz4K);
    background-size: 16px;
}

    .Survey .num-dec:hover {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDE2IDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDJIMTZWMEw0Ljc2ODM3ZS0wNyA0Ljc2ODM3ZS0wN0wwIDJaIiBmaWxsPSIjMzM2QkZGIi8+Cjwvc3ZnPgo=");
    }

.Survey .num-inc,
.Survey .num-dec {
    color: white !important;
    height: 100%;
    background-color: #F5F5F5;
    /*border-radius: 0% !important;*/
}

    .Survey .num-inc:before,
    .Survey .num-inc:after,
    .Survey .num-dec:after,
    .Survey .num-dec:before {
        visibility: hidden !important;
    }

    .Survey .num-inc:hover,
    .Survey .num-dec:hover {
        /*	background-color: #E5EEF6;	
	box-shadow: 0px 0px 5px 0px #257886;
*/
        cursor: pointer;
    }

/*Focus of whole spinner*/
.Survey input[type="number"].num-input:focus {
    border-left-color: transparent !important;
    border-right: transparent !important;
}

    .Survey input[type="number"].num-input:focus.num-input:focus + span {
        border: solid 1px #BDBDBD !important;
        border-left-color: #F5F5F5 !important;
    }

.Survey span:has( + input[type="number"].num-input:focus) {
    border: solid 1px #BDBDBD !important;
    border-right-color: #F5F5F5 !important;
}

.Survey .num-dec:focus {
    background-color: #E5EEF6;
}


/*ALL BUTTONS----------------------------------------------------------*/

.Survey button {
    font-weight: 400;
    box-shadow: none;
    border-radius: 0px;
    cursor: pointer;
    padding: 8px 12px 8px 12px;
    border-radius: 2px;
}

    .Survey button.Selected,
    .desktop .Survey button:hover {
        /*box-shadow: inset 0 0 0 3px #d4c4bc;*/
        border-width: 1px !important;
        background-color: transparent;
    }

    .Survey button span,
    .Survey .Label.Add.Clickable {
        text-transform: initial;
    }


/*ADD-BUTTONS------------------------------------------*/

.Survey .Label.Add.Clickable {
    margin-top: 0px;
    margin-bottom: 8px;
}

.Survey .Label.Add.Clickable,
.Survey .qtSign button
/*.Survey .qtButton label span*/ {
    background-color: #F5F5F5;
    color: #336BFF;
    padding: 0;
    padding: 6px 16px;
    text-transform: initial;
    border-radius: 100px;
    border: none;
    background-image: none;
    line-height: 20px;
}

    .Survey .Label.Add.Clickable span,
    .Survey .qtSign button span {
        font-weight: 700;
        font-size: 14px;
        color: #1C1C1C !important;
    }

    /*ADD-BUTTONS HOVER---(Only desktop)------------------------------*/


    .Survey div.Label.Add.Clickable:hover,
    .Survey div.Label.Add.Clickable:hover span,
    .Survey .qtSign button:hover,
    .Survey .qtSign button:hover span
    /*.Survey .qtButton label span:hover*/ {
        background-color: #F5F5F5 !important;
        color: #336BFF !important;
        border-color: none;
    }

    .Survey div.Label.Add.Clickable:hover,
    .Survey .qtSign button:hover {
        border-width: 2px !important;
    }



    /*ADD-BUTTONS FOCUS------------------------------------*/
    .Survey div.Label.Add.Clickable:active,
    .Survey div.Label.Add.Clickable:active span,
    .Survey .qtSign button:active,
    .Survey .qtSign button:active span
    /*.Survey .qtButton label span:active*/ {
        color: #1F4099 !important;
        border-color: #1F4099;
    }

    /*Sign button special design*/
    .Survey .qtSign button > span {
        color: #336BFF !important;
    }

    .Survey .qtSign button:hover > span {
        color: #2650BF !important;
    }

    .Survey .qtSign button:active > span {
        color: #1F4099 !important;
    }


/*BUTTONS ANSWERS--------------------------*/


.Survey .qtButton .Answers .Answer {
    margin-right: 0px;
}

    .Survey .qtButton .Answers .Answer label {
        padding-left: 0px;
        padding-right: 0px;
    }

.Survey .qtButton label input + span {
    color: #1c1c1c;
    border: none !important;
    box-shadow: none;
    font-weight: 600;
    border-radius: 0px;
    padding: 10px 20px;
    margin: 0px;
}
/*Button answer hover*/
.Survey .qtButton label input:hover + span {
    background-color: white;
    /*
   box-shadow: 0px 0px 6px 0px #257886;
	*/
}

/*Button answer focus*/
.Survey .qtButton label input:focus + span {
    /*box-shadow: 0 0 6px #fdc129;*/
}

/*Selected button*/
.Survey .qtButton .Answer.Selected label input + span {
    background: transparent;
    border: none !important;
    color: #1c1c1c;
}



/*UPLOADED CONTENT----------------------------*/

.Thumbs {
    width: 244px !important;
}

.BoxOuter,
.BoxInner,
.Box {
    width: 100% !important;
}

.Survey .qtFile .Thumbs .BoxOuter {
    float: left;
    padding: 5px 5px 5px 0px;
    min-width: 100%;
}

.Survey .qtFile .Thumbs .Box {
    background: #F5F5F5;
    border-top: 1px solid #F5F5F5;
    border-bottom: 1px solid #F5F5F5;
    padding: 8px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 8px;
    width: 50%;
}

.Survey .qtFile .Thumbs .BoxInner {
    display: flex !important;
    align-items: center;
    flex-direction: column;
}

    .Survey .qtFile .Thumbs .BoxInner:hover {
        cursor: pointer;
    }

        .Survey .qtFile .Thumbs .BoxInner img,
        .Survey .qtFile .Thumbs .BoxInner:hover img {
            width: auto;
            height: 120px;
            display: block !important;
        }

        .Survey .qtFile .Thumbs .BoxInner:hover .Info {
            height: initial;
            visibility: visible;
            opacity: 0.75;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity =75);
            filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
        }

.Survey .qtFile .Thumbs .Info {
    color: #fff;
    position: static;
    display: inline-flex !important;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    overflow: hidden;
    bottom: 0;
    left: 0;
    width: 100%;
    background: transparent;
    padding: 3px;
    white-space: nowrap;
    visibility: visible !important;
    transition: all 0.3s;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity =0);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.Survey .qtFile .Thumbs a {
    text-decoration: none;
}

.Survey .qtFile .Thumbs .Info a,
.Survey .qtFile .Thumbs .Tools {
    display: inline-flex;
    align-items: center;
}

.Survey .qtFile .Thumbs .Info a {
    width: 90% !important;
    overflow: hidden;
    text-overflow: ellipsis !important;
    display: inline-flex !important;
    justify-content: flex-start;
    align-items: center !important;
    margin-left: 0px;
}

.Survey .qtFile a::after {
    display: none;
}

.Survey .qtFile .Thumbs .Name {
    display: inline-block !important;
    width: auto !important;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #1C1C1C;
    font-weight: 700;
    text-align: center;
    text-decoration: none !important;
}

.Survey .qtFile .BoxInner:hover .Name {
    color: #336BFF;
}

.Survey .qtFile .Thumbs .BoxInner:hover .Name::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDhINFY2SDEwVjhaIiBmaWxsPSIjMzM2QkZGIi8+CjxwYXRoIGQ9Ik00IDEySDEwVjEwSDRWMTJaIiBmaWxsPSIjMzM2QkZGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAuNDE0MiAwSDBWMTZIMTRWMy41ODU3OUwxMC40MTQyIDBaTTIgMTRWMkg5LjU4NTc5TDEyIDQuNDE0MjFWMTRIMloiIGZpbGw9IiMzMzZCRkYiLz4KPC9zdmc+Cg==");
}

.Survey .qtFile .Thumbs .Name::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDhINVY2SDExVjhaIiBmaWxsPSIjMUMxQzFDIi8+CjxwYXRoIGQ9Ik01IDEySDExVjEwSDVWMTJaIiBmaWxsPSIjMUMxQzFDIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNDE0MiAwSDFWMTZIMTVWMy41ODU3OUwxMS40MTQyIDBaTTMgMTRWMkgxMC41ODU4TDEzIDQuNDE0MjFWMTRIM1oiIGZpbGw9IiMxQzFDMUMiLz4KPC9zdmc+Cg==");
    margin-right: 10px;
}


.Survey .qtFile .Icon.Delete {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNSAxMkw0LjUgNkg2LjVMNi41IDEySDQuNVoiIGZpbGw9IiMxQzFDMUMiLz4KPHBhdGggZD0iTTcuNSA2TDcuNSAxMkg5LjVWNkg3LjVaIiBmaWxsPSIjMUMxQzFDIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS4xMTgwNSAwSDQuODgxOThMMy42MzE5OCAyLjVIMFY0LjVIMVYxM0MxIDE0LjY1NjkgMi4zNDMxNSAxNiA0IDE2SDEwQzExLjY1NjkgMTYgMTMgMTQuNjU2OSAxMyAxM1Y0LjVIMTRWMi41SDEwLjM2ODFMOS4xMTgwNSAwWk04LjEzMTk4IDIuNUw3Ljg4MTk4IDJINi4xMTgwNUw1Ljg2ODA1IDIuNUg4LjEzMTk4Wk0zIDQuNUgxMVYxM0MxMSAxMy41NTIzIDEwLjU1MjMgMTQgMTAgMTRINEMzLjQ0NzcyIDE0IDMgMTMuNTUyMyAzIDEzVjQuNVoiIGZpbGw9IiMxQzFDMUMiLz4KPC9zdmc+Cg==");
    margin-right: 0px;
}

.Survey .qtFile .BoxInner:hover .Icon.Delete {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNSAxMkw0LjUgNkg2LjVMNi41IDEySDQuNVoiIGZpbGw9IiMzMzZCRkYiLz4KPHBhdGggZD0iTTcuNSA2TDcuNSAxMkg5LjVWNkg3LjVaIiBmaWxsPSIjMzM2QkZGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS4xMTgwNSAwSDQuODgxOThMMy42MzE5OCAyLjVIMFY0LjVIMVYxM0MxIDE0LjY1NjkgMi4zNDMxNSAxNiA0IDE2SDEwQzExLjY1NjkgMTYgMTMgMTQuNjU2OSAxMyAxM1Y0LjVIMTRWMi41SDEwLjM2ODFMOS4xMTgwNSAwWk04LjEzMTk4IDIuNUw3Ljg4MTk4IDJINi4xMTgwNUw1Ljg2ODA1IDIuNUg4LjEzMTk4Wk0zIDQuNUgxMVYxM0MxMSAxMy41NTIzIDEwLjU1MjMgMTQgMTAgMTRINEMzLjQ0NzcyIDE0IDMgMTMuNTUyMyAzIDEzVjQuNVoiIGZpbGw9IiMzMzZCRkYiLz4KPC9zdmc+Cg==");
}

.Survey .qtFile .Icon.Delete,
.Survey .qtFile .Thumbs .Name::before {
    height: 20px !important;
    background-size: 16px 16px !important;
    background-repeat: no-repeat;
    background-position: bottom;
    display: inline-block;
    content: "";
    width: 16px;
    border-radius: 0px;
}

/*Slim table variant*/
.Survey .qtFile .Files > div.Clickable {
    padding: 2px 8px;
    background-color: #F5F5F5;
    margin: 5px 0px;
    border-radius: 4px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

    .Survey .qtFile .Files > div.Clickable:hover > span {
        color: #336BFF;
    }

    .Survey .qtFile .Files > div.Clickable:hover::before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDhINFY2SDEwVjhaIiBmaWxsPSIjMzM2QkZGIi8+CjxwYXRoIGQ9Ik00IDEySDEwVjEwSDRWMTJaIiBmaWxsPSIjMzM2QkZGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAuNDE0MiAwSDBWMTZIMTRWMy41ODU3OUwxMC40MTQyIDBaTTIgMTRWMkg5LjU4NTc5TDEyIDQuNDE0MjFWMTRIMloiIGZpbGw9IiMzMzZCRkYiLz4KPC9zdmc+Cg==);
    }

.Survey .qtFile .Files > div::before {
    height: 20px !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    content: "";
    min-width: 16px;
    border-radius: 0px;
}

.Survey .qtFile .Files > div::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDhINVY2SDExVjhaIiBmaWxsPSIjMUMxQzFDIi8+CjxwYXRoIGQ9Ik01IDEySDExVjEwSDVWMTJaIiBmaWxsPSIjMUMxQzFDIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNDE0MiAwSDFWMTZIMTVWMy41ODU3OUwxMS40MTQyIDBaTTMgMTRWMkgxMC41ODU4TDEzIDQuNDE0MjFWMTRIM1oiIGZpbGw9IiMxQzFDMUMiLz4KPC9zdmc+Cg==);
    margin-right: 10px;
}

.Survey .qtFile .Files > div .Icon {
    float: right;
    margin-left: 20px;
}

.Survey .qtFile .Files > div:hover .Icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNSAxMkw0LjUgNkg2LjVMNi41IDEySDQuNVoiIGZpbGw9IiMzMzZCRkYiLz4KPHBhdGggZD0iTTcuNSA2TDcuNSAxMkg5LjVWNkg3LjVaIiBmaWxsPSIjMzM2QkZGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS4xMTgwNSAwSDQuODgxOThMMy42MzE5OCAyLjVIMFY0LjVIMVYxM0MxIDE0LjY1NjkgMi4zNDMxNSAxNiA0IDE2SDEwQzExLjY1NjkgMTYgMTMgMTQuNjU2OSAxMyAxM1Y0LjVIMTRWMi41SDEwLjM2ODFMOS4xMTgwNSAwWk04LjEzMTk4IDIuNUw3Ljg4MTk4IDJINi4xMTgwNUw1Ljg2ODA1IDIuNUg4LjEzMTk4Wk0zIDQuNUgxMVYxM0MxMSAxMy41NTIzIDEwLjU1MjMgMTQgMTAgMTRINEMzLjQ0NzcyIDE0IDMgMTMuNTUyMyAzIDEzVjQuNVoiIGZpbGw9IiMzMzZCRkYiLz4KPC9zdmc+Cg==);
}

.Survey .Files .Icon.Delete.Clickable {
    background-position-y: 0px !important;
    background-size: 16px 20px !important;
    min-width: 16px;
}

.Survey .Page .Sections .BoxInner .Icon.Delete {
    width: 30px !important;
    background-position-y: 1px !important;
    background-size: 16px 20px !important;
}


/*Fix of qtFile (table) when texts are too long*/
.Survey .Question .qtFile .Files .Clickable > span {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Survey .Question .qtFile .Files .Clickable {
    max-width: 100% !important;
    justify-content: space-between !important;
    padding-top: 8px;
    padding-bottom: 8px;
}



/*HELPTEXT BUBBLE------------------------------------------*/

.Survey .link-button.round.icon.icon-info.xsmall {
    border: #F5F5F5 solid 1px !important;
    color: #F5F5F5;
    background-image: none !important;
    background-color: #F5F5F5 !important;
    box-shadow: none;
    height: 24px !important;
    width: 24px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .Survey .link-button.round.icon.icon-info.xsmall:active {
        outline: 3px solid hsla(224, 100%, 92%, 1) !important;
        outline-offset: 0px !important;
        transition: none !important;
    }

.Survey .icon-info:before {
    content: '?';
    background-image: none;
    color: #1C1C1C;
    font-size: 14px !important;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-top: 1px;
}

.Survey .link-button.round.icon.icon-info.xsmall:hover {
    outline: none;
    background-color: #EAF0FF !important;
}

    .Survey .link-button.round.icon.icon-info.xsmall:hover:before {
        color: #336BFF;
    }

.Survey .link-button.round.xsmall.active,
.Survey .link-button.round.xsmall.active:hover {
    background-color: #F5F5F5 !important;
    border: solid 1px #F5F5F5 !important;
    outline: none !important;
    outline-offset: 0px;
}


/*HELPTEXT------------------------------------------*/
.Survey .HelpText {
    padding: 0px 0px;
    font-size: 0.9em;
    font-weight: 400 !important;
    overflow-x: hidden;
    text-overflow: ellipsis;
    background-color: white;
    padding-bottom: 10px;
    /*box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.15);*/
    margin: 0px 0px;
}



/*REQUIRED SYMBOL----------------------------------*/

.Survey .Question.NotValidated > div > .Header .QuestionText > span:after {
    margin-left: 4px;
    content: '*';
    /*
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABkSURBVHgBbY67DYAwDETPniRKTcFIMEFgEzIBjJQCUWeT40KJfJLlz1n2M0hPzoXkRiCpbSDr1Ptld0oLzE78Re4uoyCQae7Kc2SOF25kR6zm2qihJSgX1aFiVbTv17gkmEH7AhiXKhSqaeByAAAAAElFTkSuQmCC');
    background-size: 7px;
	background-position: top;
	background-repeat: no-repeat;
	*/
    color: #000;
    height: 7px;
    width: 7px;
    display: inline !important;
}


/*ERROR--------------------------------------------*/

.Survey .ShowValidationErrors .Question .ErrorText {
    display: block;
    width: 100% !important;
    float: none;
}

.Survey .ShowValidationErrors .Question.NotValidated .Answer input,
.Survey .ShowValidationErrors .Question.NotValidated input[type="text"],
.Survey .ShowValidationErrors .Question.NotValidated input[type="password"],
.Survey .ShowValidationErrors .Question.NotValidated input[type="email"],
.Survey .ShowValidationErrors .Question.NotValidated select,
.Survey .ShowValidationErrors .Question.NotValidated textarea,
.Survey .ShowValidationErrors .Question.NotValidated input[type='number'] {
    border: solid 1px #C5131C !important;
}

.Survey .ShowValidationErrors .Question.NotValidated .Answer .num-container .num-in {
    border: solid 1px #C5131C !important;
    border-radius: 8px !important;
}

/*
.Survey .ShowValidationErrors .Question.NotValidated .Answers .Answer .num-container .num-in .num-dec,
.Survey .ShowValidationErrors .Question.NotValidated .Answer .num-container .num-in,
.Survey .num-in #num-input{
	 border-color: #C5131C !important;
}
*/


.Survey .ShowValidationErrors .Question.NotValidated .qtButton input + span {
    color: #D42121;
}

/*Errortext container*/

.Survey .Question .ErrorText span,
.Survey .Question .FileErrorText span,
.Survey .Page .Section .Question .Answers .ErrorText span {
    color: #CC3929 !important;
    font-size: 12px;
    font-weight: 400;
    padding: 2px 0px;
    margin-top: 0px;
    width: 100% !important;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
}


    /*Error icon*/
    .Survey .Question .ErrorText span::before,
    .Survey .Question .FileErrorText span::before,
    .Survey .Question.HideQuestion .ErrorText span:before {
        position: static;
        border: none;
        height: 20px;
        width: 20px;
        display: inline-block;
        margin-right: 4px;
        content: "";
        background-position: left;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjY4NjI5IDBIMTEuMzEzN0wxNiA0LjY4NjI5VjExLjMxMzdMMTEuMzEzNyAxNkg0LjY4NjI5TDAgMTEuMzEzN1Y0LjY4NjI5TDQuNjg2MjkgMFpNOSA5VjNIN1Y5SDlaTTkgMTNWMTFIN1YxM0g5WiIgZmlsbD0iI0NDMzkyOSIvPgo8L3N2Zz4K");
    }
/*Hiding old error arrow*/
.Survey .Question.HideQuestion .ErrorText span:after {
    display: none;
}


/*ERROR COMPACT--------------------------------------------*/

.Survey .Question.Compact .ErrorText span,
.Survey .Question.Compact .FileErrorText span {
    margin-top: 0px;
}


/*SUCCESS-----------------------------------*/
/*				
.Survey .ShowValidationErrors .Page .Question:not(.NotValidated).IsRequired .Answer input:not([type="radio"]):not([type="checkbox"]),
.Survey .ShowValidationErrors .Page .Question:not(.NotValidated).IsRequired input[type="text"], 
.Survey .ShowValidationErrors .Page .Question:not(.NotValidated).IsRequired input[type="password"], 
.Survey .ShowValidationErrors .Page .Question:not(.NotValidated).IsRequired input[type="email"], 
.Survey .ShowValidationErrors .Page .Question:not(.NotValidated).IsRequired select, 
.Survey .ShowValidationErrors .Page .Question:not(.NotValidated).IsRequired textarea,
.Survey .ShowValidationErrors .Page .Question:not(.NotValidated).IsRequired input[type='number']{
    border: solid 1px #41A21A !important; 
}	
*/

/*DISABLED--------------------------------------*/

/*Disabled inputs-------*/
.Survey:not(.Print) .Question .Answer input[disabled],
.Survey:not(.Print) .Question input[type="text"]:disabled,
.Survey:not(.Print) .Question input[type="password"]:disabled,
.Survey:not(.Print) .Question input[type="email"]:disabled,
/*.Survey .Question select[disabled],*/
.Survey:not(.Print) .Question textarea[disabled],
.Survey:not(.Print) .Question input[type='number']:disabled {
    border-color: #F2EEEE !important;
    background-color: white !important;
    /*box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.10) inset;*/
}

/*Special SELECT disabled Design*/ /*
.Survey:not(.Print) .Question select[disabled],
.Survey:not(.Print) .Question select[disabled]:hover		{
	 border-color: #BBDAF2 !important;	
	background-color: transparent !important;
	color: #BBDAF2;
}
*/
/*Special RADIO & CHECKBOX disabled Design*/
.Survey:not(.Print) .Question input[type="radio"]:disabled,
.Survey:not(.Print) .Question input[type="radio"]:disabled + span,
.Survey:not(.Print) .Question input[type="radio"]:disabled:hover + span,
.Survey:not(.Print) .Question input[type="radio"]:disabled:hover,
.Survey:not(.Print) .Question input[type="checkbox"]:disabled,
.Survey:not(.Print) .Question input[type="checkbox"]:disabled:hover {
    border-color: #F2EEEE !important;
    background-color: white !important;
    color: #1C1C1C !important;
    box-shadow: none !important;
}
/*Checked & disabled radiobutton*/
.Survey .Question input[type="radio"]:checked:disabled {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjYiIGZpbGw9IiNCQkRBRjIiLz4KPC9zdmc+Cg==") !important;
}
/*Checked & disabled checkbox*/
.Survey .qtCheckbox:not(.qtButton) input[type="checkbox"]:disabled:checked {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4IDBIMkMwLjg5NTQzIDAgMCAwLjg5NTQzIDAgMlYxOEMwIDE5LjEwNDYgMC44OTU0MyAyMCAyIDIwSDE4QzE5LjEwNDYgMjAgMjAgMTkuMTA0NiAyMCAxOFYyQzIwIDAuODk1NDMgMTkuMTA0NiAwIDE4IDBaIiBmaWxsPSIjQkJEQUYyIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTUuNjUzOCA3LjE2NDIxTDguNTgyNzMgMTQuMjM1M0w0LjM0MDA5IDkuOTkyNjRMNS43NTQzIDguNTc4NDNMOC41ODI3MyAxMS40MDY5TDE0LjIzOTYgNS43NUwxNS42NTM4IDcuMTY0MjFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
}

/*Disabled toggle buttons---------------*/
.Survey .qtToggle .toggle input[type]:disabled:checked::after {
    background-color: #F5F5F5 !important;
}

.Survey .qtToggle .toggle input[type]:disabled:checked {
    background-color: #D6E1FF !important;
    border-color: #D6E1FF !important;
}

.Survey .qtToggle .toggle input[type]:disabled {
    background-color: #E0E0E0 !important;
}

    .Survey .qtToggle .toggle input[type]:disabled::after {
        background-color: #F5F5F5 !important;
    }

/*Disabled navigation buttons*/

.Survey .Navigation button[class]:not(.NextButton)[disabled] {
    background-color: #EEEEEE;
}

    .Survey .Navigation button[class]:not(.NextButton)[disabled] > span {
        color: #9E9E9E !important;
    }

.Survey:not(.Print) .Question:has(.Answer input:disabled) *,
.Survey:not(.Print) .Question:has(.Answer.Disabled) *,
.Survey:not(.Print) .Question:has(.Answer input:disabled) .Header .Name::after {
    color: #E0E0E0 !important;
}

.Survey:not(.Print) .Question:has(.Answer input:disabled, .qtCheckbox) *,
.Survey:not(.Print) .Question:has(.Answer input:disabled, .qtRadio) * {
    color: #1C1C1C !important;
}


/*WRITE PROTECTED*/
.Survey:not(.Print) .Answer span[data-bind="text: SelectedAnswer.Answered"],
.Survey:not(.Print) .Answer span[data-bind="text: SelectedAnswer.AnsweredText"],
.Survey:not(.Print) .Answer div[data-bind="text: SelectedAnswer.Answered"],
.Survey:not(.Print) .Answer div[data-bind="text: SelectedAnswer.AnsweredText"] {
    min-height: 48px !important;
    border-radius: 8px;
    padding: 13px 10px 13px 10px;
    display: inline-flex;
    border: solid 1px #E0E0E0;
    background-color: white;
    width: 100%;
    color: #9E9E9E !important;
}


/*READONLY QUESTIONTEXTS*/

.Survey:not(.Print) .Page .Sections .Section .Questions .Question .Header:has(~ .Answers .Answer span[data-bind="text: SelectedAnswer.Answered"]) .QuestionText span,
.Survey:not(.Print) .Page .Section .Question .Header:has(~ .Answers .Answer span[data-bind="text: SelectedAnswer.AnsweredText"]) .QuestionText span,
.Survey:not(.Print) .Page .Section .Question .Header:has(~ .Answers .Answer div[data-bind="text: SelectedAnswer.Answered"]) .QuestionText span,
.Survey:not(.Print) .Page .Section .Question .Header:has(~ .Answers .Answer div[data-bind="text: SelectedAnswer.AnsweredText"]) .QuestionText span,
.Survey:not(.Print) .Page .Section .Question:not(:has(.qtCheckbox, .qtRadio, .qtToggle)) .Header:has(~ .Answers .Answer label span input[disabled]) .QuestionText span {
    color: #E0E0E0 !important;
}


/*LIST SETTINGS*/
.Survey .qtCustom > div > .Row:hover {
    background-color: transparent !important;
}

.Survey .qtCustom > div > .Row {
    position: relative;
    padding: 10px 0px 0px 0px;
    margin-top: 0px;
    border-bottom: 0px;
}

/*FIX FOR LISTQUESTION WITH NO QUESTIONTEXT BUT THAT IS REQUIRED TO PREVENT JUMP AND OVERLAP IN UI*/
.Survey .Question:not(.HideQuestion) .qtCustom .Row .QuestionText{
    min-height: 21px !important;
}

    .Survey .qtCustom > div > .Row + .Row {
        border-top: #EEEEEE solid 1px;
    }

.Survey .qtCustom .Row .Question.HideQuestion .Header > .QuestionText > span {
    display: block !important;
    visibility: hidden;
}

.Survey .qtCustom .Row .Question {
    margin-top: 5px;
}

.Survey .qtCustomTable > table > tbody > tr:hover {
    background-color: transparent;
}

/*List - Table template*/
.Survey .qtCustomTable > table td.Tools {
    vertical-align: top;
}

    .Survey .qtCustomTable > table td.Tools .Icon {
        margin-top: calc(0% + 10px) !important;
    }


/*(18)-RADIOBUTTONS---------------------------------------------------------------------*/

/*Style when radio is un-checked*/
.Survey .qtRadio:not(.qtButton) input[type="radio"] {
    /*transition: var(--transition);*/
    /*outline: #fff  solid 5px;*/
    background-color: #F2EEEE;
    outline-offset: -7px;
    border-radius: 100% !important;
    border: 1px solid #BDBDBD;
    background-color: white;
    width: 20px;
    height: 20px;
    -webkit-appearance: none;
    margin: 0 !important;
    cursor: pointer;
    position: relative;
}

    /*Style when radio is CHECKED*/
    .Survey .qtRadio:not(.qtButton) input[type="radio"]:checked {
        outline: 3px solid #FFFFFF;
        outline-offset: -4px;
        background-color: #336BFF;
        background-repeat: no-repeat;
        background-position: center;
    }
    /*Style when radio is HOVER*/
    .Survey .qtRadio:not(.qtButton) input[type="radio"]:hover {
        border: #336BFF solid 1px;
        /*
	background-color: #DBCFD3;
	outline: 10px solid #DBCFD3;
	outline-offset: 0px;
	filter: drop-shadow(0px 0px 2px #23519D);	
	*/
    }
    /*
.Survey .qtRadio:not(.qtButton) input[type="radio"]:hover::before{
content: "";
	display: inline-block;
	position: absolute;
	height: 20px;
	width: 20px;
	background-color: transparent !important;
	outline: #DBCFD3 solid 10px;
	outline-offset: 2px;
	border-radius: 100%;
	z-index: -1;		
}
.Survey .qtRadio:not(.qtButton) input[type="radio"]::checked:hover::before{
	outline: #FBD9D8 solid 10px !important;	
}		
*/

    /*Style when CHECKED HOVER*/
    .Survey .qtRadio:not(.qtButton) input[type="radio"]:checked:hover {
        border-color: #336BFF;
        /*
	outline: hsl(60 4% 50% / 1)  solid 2px;
	border: white  solid 4px !important;
	border-width: 2px;
    position: relative;
	*/
    }


    /*Style when radio is clicked on*/
    .Survey .qtRadio:not(.qtButton) input[type="radio"]:active {
        border: hsl(60 4% 70% / 1) solid 2px !important;
        outline: 2px solid hsl(60 4% 70% / 1);
        outline-offset: -1px;
    }

/*    .Survey .qtRadio:not(.qtButton) input[type="radio"]:focus {
        outline: 3px solid #D6E1FF;
    outline-offset: 0px;
 }*/

/*Style when radio is marked*/ /*
.Survey .qtRadio:not(.qtButton) input[type="radio"]:focus::before{
content: "";
	display: inline-block;
	position: absolute;
	height: 18px;
	width: 18px;
	background-color: white !important;
	border: solid 1px #336BFF;
	outline: #D6E1FF solid 2px;
	border-radius: 100%;		
} 
	
.Survey .qtRadio:not(.qtButton) input[type="radio"]:checked:focus::before{
	background-color: blue !important;	
}
*/





/*(17)-CHECKBOX-------------------------------------------------------------------------*/
/*Style un-checked box*/
.Survey .qtCheckbox:not(.qtButton) input[type="checkbox"] {
    /*transition: var(--transition);*/
    border: 1px solid #BDBDBD;
    border-radius: 2px;
    background-color: white;
    width: 20px;
    height: 20px;
    appearance: none;
    margin: 0 !important;
    -webkit-appearance: none;
    cursor: pointer;
    position: relative !important;
}
    /*Style CHECKED*/
    .Survey .qtCheckbox:not(.qtButton) input[type="checkbox"]:checked {
        border-color: #336BFF;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiByeD0iMiIgZmlsbD0iIzMzNkJGRiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1LjY1MzggNy4xNjQyMUw4LjU4MjczIDE0LjIzNTNMNC4zNDAwOSA5Ljk5MjY0TDUuNzU0MyA4LjU3ODQzTDguNTgyNzMgMTEuNDA2OUwxNC4yMzk2IDUuNzVMMTUuNjUzOCA3LjE2NDIxWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
        background-position: center;
    }

    /*Style when checkbox is HOVERED*/
    .Survey .qtCheckbox:not(.qtButton) input[type="checkbox"]:hover {
        border-color: #336BFF;
        /*
	outline: #DBCFD3 solid 7px;
	outline-offset: 0px;	
	filter: drop-shadow(0px 0px 2px #23519D);
	*/
    }


    /*Style when checkbox is FOCUSED*/
    .Survey .qtCheckbox:not(.qtButton) input[type="checkbox"]:focus {
        outline: #D6E1FF solid 3px;
    }


/*LABEL INSTÄLLNINGAR (SPECIAL CASE SCENARIO)-----------*/

.Survey .Page .Sections .Answers .Answer label {
    display: inline-flex !important;
    width: 100%;
    align-items: center !important;
    padding-right: 0px;
    min-height: 30px !important;
}

.Survey .Question .Answers label span:nth-of-type(2) {
    font-weight: 400;
    margin-left: 5px;
    padding-left: 5px;
    height: 100% !important;
}




/*TOGGLE BUTTON-------------------------------------------------------------------------------------*/

.Survey .Question .ColorDisplay {
    display: inline-block;
    margin: 3px 0 6px 0px;
}

.Survey .Question .qtToggle .toggle {
    border-radius: 15px;
    height: 22px;
}

/*Whole toggle (unchecked)*/
.Survey .qtToggle .toggle input[type] {
    transition: var(--transition);
    position: relative;
    top: calc(50% - 0.55em);
    height: 16px;
    width: 40px;
    border: solid 1px #E0E0E0;
    background-color: #E0E0E0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    margin: 0 3px 0px 0px !important;
}
    /*Toggle circle (unchecked)*/
    .Survey .qtToggle .toggle input[type]::after {
        transition: var(--transition);
        border: solid 1px #E0E0E0;
        content: '';
        position: absolute;
        top: -5px;
        left: -2px;
        width: 23px;
        height: 23px;
        box-shadow: none;
        background-color: white;
        border-radius: 100%;
    }

.Survey:not(.Print) .qtToggle .toggle input[type]::after {
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.06)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.12));
}

/*Whole toggle (checked)*/
.Survey .qtToggle .toggle input[type]:checked {
    background-color: #336BFF;
    border: solid 1px #336BFF;
    height: 16px;
}
    /*Toggle circle (checked)*/
    .Survey .qtToggle .toggle input[type]:checked::after {
        left: calc(100% - 23px);
        background-color: white;
        border: solid 1px #E0E0E0;
    }


.Survey .ColorDisplay.toggle:hover {
    cursor: pointer !important;
}

.Survey .qtToggle .toggle input[type]:hover {
    /*outline: 2px hsl(60 4% 70% / 1) solid;	
	outline-offset: -1px;
	border-color: hsl(60 4% 70% / 1) !important;
	*/
    cursor: pointer;
}

.Survey .qtToggle .toggle input[type]:focus {
    /*outline: 2px hsl(60 4% 70% / 1) solid;	*/
}



/*TABS-------------------------------------------------*/


/*Horizontal scroll-------*/
.Survey .HasTopTabs > ul.PageTabs {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    flex-wrap: nowrap;
}

    .Survey .HasTopTabs > ul.PageTabs::-webkit-scrollbar {
        width: 0px !important;
        height: 0px !important;
    }



.Survey div.HasTopTabs > ul > li {
    margin: 0px 0px;
}



.SurveyTrigger .Survey:not(.Print) div.PageTabs {
    background-color: white !important;
}




.Survey ul.PageTabs {
    display: flex;
    flex-wrap: no-wrap;
    gap: 0px 16px;
    background-color: white !important;
    border-bottom: solid 1px #EEEEEE;
    margin: 0px 40px;
    padding-top: 20px;
    padding-bottom: 0px !important;
}

.SurveyTrigger .Survey:not(.Print) div.PageTabs {
    background-color: #FCF1E7;
}


.SurveyTrigger .Survey .PageTabs > li.Selected span {
    color: #1C1C1C !important;
}



/*Selected tab*/
.Survey div.HasTopTabs > ul > li.Selected,
.Survey div.HasTopTabs > ul > li.Selected span {
    background-color: transparent;
    color: #6E6E6E !important;
    border: none;
}

.Survey div.HasTopTabs > ul > li.Selected {
    border: none;
    border-bottom: solid 2px black !important;
}

.Survey .PageTabs > li {
    border: none;
    cursor: pointer;
    display: inline;
    padding: 10px 0px;
    float: left;
    margin: 0px;
    white-space: nowrap !important;
    background-color: transparent;
    text-wrap: nowrap !important;
    margin-bottom: -1px !important;
}

/*Hover*/
.Survey div.HasTopTabs > ul > li:hover span {
    color: #1c1c1c;
}


.Survey div.HasTopTabs > ul > li span {
    color: #6E6E6E;
    white-space: nowrap !important;
    padding: 9px 0px;
    font-weight: 600;
    font-size: 16px;
}



/*NAVIGATION------------------------------------------------*/

.Print.Survey .Navigation {
    display: none !important;
}

.SurveyTrigger:not(.Preview) .Survey:not(.Print) .Navigation {
    padding: 0px 40px 40px 40px;
    margin-top: 0px !important;
    background-color: white !important;
    justify-content: space-between;
    width: 100%;
    /*display: grid;*/
    /*  grid-template-columns: 1fr 1fr 1fr 1fr;*/
}


/*ALL NAVIGATION BUTTONS----------------------------------*/

.Survey .Navigation button[class] {
    transition: var(--transition);
    font-weight: 600 !important;
    display: inline-flex;
    align-items: center;
    padding: 8px 20px !important;
    margin: 5px 5px 5px 5px !important;
    border-radius: 100px;
    line-height: 20px;
}



    .Survey .Navigation button[class]:hover {
        cursor: pointer;
    }

    .Survey .Navigation button[class] span {
        display: inline-flex;
        align-items: center;
        font-weight: 500 !important;
        font-size: 16px;
    }


.Survey div[class="SurveyDone"] + div[class="Navigation"] button[data-bind="click: $root.Survey.IsDone"] {
    padding: 10px 20px;
}

/*NEXT-BUTTON----------------------------------------------*/
.Survey button.NextButton,
.Survey div[class="SurveyDone"] + div[class="Navigation"] button[data-bind="click: $root.Survey.IsDone"] {
    grid-column-start: 4;
    grid-row: 1;
    background: #336BFF;
    border: none;
    padding: 9px 20px !important;
}

    .Survey button.NextButton > span,
    .Survey div[class="SurveyDone"] + div[class="Navigation"] button[data-bind="click: $root.Survey.IsDone"] span {
        color: white !important;
    }
    /*NEXT-BUTTON HOVER----------------------------------------------*/
    .Survey button.NextButton:hover,
    .Survey div[class="SurveyDone"] + div[class="Navigation"] button[data-bind="click: $root.Survey.IsDone"]:hover {
        background: #2650BF;
        box-shadow: none;
    }
    /*NEXT-BUTTON FOCUS----------------------------------------------*/
    .Survey button.NextButton:focus,
    .Survey div[class="SurveyDone"] + div[class="Navigation"] button[data-bind="click: $root.Survey.IsDone"]:focus {
        background: #2650BF;
        box-shadow: none;
    }
    /*NEXT-BUTTON ACTIVE----------------------------------------------*/
    .Survey button.NextButton:active,
    .Survey div[class="SurveyDone"] + div[class="Navigation"] button[data-bind="click: $root.Survey.IsDone"]:active {
        background: #1F4099 !important;
    }



/*PREVIOUS-BUTTON----------------------------------------------*/
.Survey .Navigation button.PrevButton {
    border: none;
    background: transparent;
    grid-column-start: 2;
    grid-row: 1;
    padding-left: 0px !important;
}

.Survey button.PrevButton > span {
    color: #336BFF !important;
}


/*PREVIOUS-BUTTON HOVER----------------------------------------------*/
.Survey button.PrevButton:hover {
    background-color: transparent;
    /* border: 2px solid #72414F !important;*/
}
/*PREVIOUS-BUTTON FOCUS----------------------------------------------*/
.Survey button.PrevButton:focus {
    background-color: transparent;
    /*outline: 1px #2F2424 solid !important;
	outline-offset: -2px;*/
}
/*PREVIOUS-BUTTON ACTIVE----------------------------------------------*/
.Survey button.PrevButton:active {
    background-color: transparent;
}



/*CLOSE-BUTTON----------------------------------------------*/
.Survey button.CloseButton {
    display: none !important;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    border: none;
    background-color: transparent;
    grid-column: 1;
    grid-row: 1;
    width: fit-content;
    border-radius: 2px;
}
    /*Close button text*/
    .Survey button.CloseButton > span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: 800;
        color: #336BFF !important;
    }
    /*CLOSE-BUTTON HOVER----------------------------------------------*/
    .Survey button.CloseButton:hover {
        background-color: transparent;
        /*border: 2px solid #72414F !important;*/
        box-shadow: none;
    }
    /*CLOSE-BUTTON FOCUS----------------------------------------------*/
    .Survey button.CloseButton:focus {
        background-color: transparent;
        /*outline: 1px #2F2424 solid !important;
	outline-offset: -2px;*/
    }
    /*CLOSE-BUTTON ACTIVE----------------------------------------------*/
    .Survey button.CloseButton:active {
        background-color: transparent;
    }



/*PDF BUTTON------------------------------------------*/


.Survey .Navigation button.nextbutton,
.Survey .Navigation button[data-bind*="DownloadPdf"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #F5F5F5 !important;
    border: none !important;
    grid-column: 3;
    grid-row: 1;
    border: 2px solid #72414F;
}

    .Survey div.Navigation button[class="nextbutton"] > span,
    .Survey .Navigation button[data-bind*="DownloadPdf"] > span {
        font-weight: 500;
        color: #1C1C1C !important;
        display: inline-flex;
    }

    .Survey div.Navigation button[class="nextbutton"]:hover > span,
    .Survey .Navigation button[data-bind*="DownloadPdf"]:hover > span {
        color: #336BFF !important;
    }

    .Survey .Navigation button.nextbutton:hover,
    .Survey .Navigation button[data-bind*="DownloadPdf"]:hover {
        background-color: #F5F5F5 !important;
        border: none !important;
    }


        .Survey div.Navigation button[class="nextbutton"]:hover > span::after,
        .Survey .Navigation button[data-bind*="DownloadPdf"]:hover > span::after {
            background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDcuMTE4NzlWOS43MzAxOUw3Ljk5OTk5IDEyLjVMNSA5LjczMDIxVjcuMTE4ODJMNi45OTk5OSA4Ljk2NTM0TDcgNEg5TDguOTk5OTkgOC45NjUzNEwxMSA3LjExODc5WiIgZmlsbD0iIzMzNkJGRiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTggMTRDMTEuMzEzNyAxNCAxNCAxMS4zMTM3IDE0IDhDMTQgNC42ODYyOSAxMS4zMTM3IDIgOCAyQzQuNjg2MjkgMiAyIDQuNjg2MjkgMiA4QzIgMTEuMzEzNyA0LjY4NjI5IDE0IDggMTRaTTggMTZDMTIuNDE4MyAxNiAxNiAxMi40MTgzIDE2IDhDMTYgMy41ODE3MiAxMi40MTgzIDAgOCAwQzMuNTgxNzIgMCAwIDMuNTgxNzIgMCA4QzAgMTIuNDE4MyAzLjU4MTcyIDE2IDggMTZaIiBmaWxsPSIjMzM2QkZGIi8+Cjwvc3ZnPgo=") !important;
        }


    .Survey div.Navigation button[class="nextbutton"]:active > span,
    .Survey .Navigation button[data-bind*="DownloadPdf"]:active > span {
        color: #2F2424 !important;
    }
/*
.Survey div.Navigation button[class="nextbutton"]:active > span::before{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADRSURBVHgB5VJBDoIwEJyFHjXhjgcSPsAT9Ack6lmepneN/AB/oB8gctB7L94a6hYtQYJG8Oik6Wa3OzNttoQOTMJFxmHaKB0u+XbW7nPwA/6RLMzmBbHncbBF1WrSmluCOLC55CWLVD7IhuCIPQhRlwNxXbni/BQ6oVTV2Mg2sLLHAtk7AUu8MdG4mrx+c2GuUSlS2k2ltEl8cW7CD+drAq1qR+jNNd8l+BZGgL+pNhFD4IfL5NM5mTGNICL0hIIqxNhxj5oQoCcEhHRKDIMGyTth10b/YNcXfgAAAABJRU5ErkJggg==');
}
*/




/*MATRIX TABLE----------------------------------------------*/

.Survey .qtMatrix table thead > tr {
    border-bottom: solid #EEEEEE 1px !important;
}

.Survey .qtMatrix table thead td > span {
    font-weight: 400;
    color: #6E6E6E;
}

.Survey .qtMatrix table tbody tr:nth-of-type(even) {
    background-color: white;
    border-bottom: solid #EEEEEE 1px
}

.Survey .qtMatrix table tbody tr:nth-of-type(odd) {
    background-color: transparent;
    border-bottom: solid 1px #EEEEEE;
}

.Survey .qtMatrix table tbody tr,
.Survey .qtMatrix table thead tr {
    border-bottom: #EEEEEE;
}

    .Survey .qtMatrix table tbody tr td,
    .Survey .qtMatrix table thead tr td {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

/*--------QT SIGN-----------------------------------------------*/
.Survey .qtSign canvas {
    border: solid 1px #BDBDBD !important;
    border-radius: 4px;
    height: 130px !important;
}




/*SAVE INFO-------------------------------------------------------------------------*/
.Survey .Navigation .SaveInfo {
    float: right;
    padding: 20px 10px;
    display: none !important;
}



/*LOADER IN NAVBUTTON----------------------------------------*/
.Survey .spinner {
    margin-right: 10px;
    position: static !important;
    height: 20px !important;
    width: 20px !important;
    display: inline-block !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    animation: 1s spin linear infinite !important;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9InBhdGgtMS1pbnNpZGUtMV82MDQwXzE5NTciIGZpbGw9IndoaXRlIj4KPHBhdGggZD0iTTEuNjA2MDQgMTguMDAyQzQuOTE5NzUgMjMuNzQxNSAxMi4yNTg4IDI1LjcwOCAxNy45OTg0IDIyLjM5NDNDMjMuNzM3OSAxOS4wODA2IDI1LjcwNDQgMTEuNzQxNSAyMi4zOTA3IDYuMDAyMDFDMTkuMDc2OSAwLjI2MjUwMSAxMS43Mzc5IC0xLjcwNDAyIDUuOTk4MzUgMS42MDk3QzMuMTI4NTggMy4yNjY1NiAxLjIwMjA4IDUuOTI5NzYgMC40MDcyMjcgOC44OTYxOEwyLjMzOTExIDkuNDEzOEMzLjAwMTQ4IDYuOTQxOCA0LjYwNjg5IDQuNzIyNDYgNi45OTgzNSAzLjM0MTc1QzExLjc4MTMgMC41ODAzNCAxNy44OTcyIDIuMjE5MDcgMjAuNjU4NiA3LjAwMjAxQzIzLjQyIDExLjc4NDkgMjEuNzgxMyAxNy45MDA4IDE2Ljk5ODQgMjAuNjYyM0MxMi4yMTU0IDIzLjQyMzcgNi4wOTk1MSAyMS43ODQ5IDMuMzM4MSAxNy4wMDJMMS42MDYwNCAxOC4wMDJaIi8+CjwvbWFzaz4KPHBhdGggZD0iTTEuNjA2MDQgMTguMDAyQzQuOTE5NzUgMjMuNzQxNSAxMi4yNTg4IDI1LjcwOCAxNy45OTg0IDIyLjM5NDNDMjMuNzM3OSAxOS4wODA2IDI1LjcwNDQgMTEuNzQxNSAyMi4zOTA3IDYuMDAyMDFDMTkuMDc2OSAwLjI2MjUwMSAxMS43Mzc5IC0xLjcwNDAyIDUuOTk4MzUgMS42MDk3QzMuMTI4NTggMy4yNjY1NiAxLjIwMjA4IDUuOTI5NzYgMC40MDcyMjcgOC44OTYxOEwyLjMzOTExIDkuNDEzOEMzLjAwMTQ4IDYuOTQxOCA0LjYwNjg5IDQuNzIyNDYgNi45OTgzNSAzLjM0MTc1QzExLjc4MTMgMC41ODAzNCAxNy44OTcyIDIuMjE5MDcgMjAuNjU4NiA3LjAwMjAxQzIzLjQyIDExLjc4NDkgMjEuNzgxMyAxNy45MDA4IDE2Ljk5ODQgMjAuNjYyM0MxMi4yMTU0IDIzLjQyMzcgNi4wOTk1MSAyMS43ODQ5IDMuMzM4MSAxNy4wMDJMMS42MDYwNCAxOC4wMDJaIiBmaWxsPSJ1cmwoI3BhaW50MF9hbmd1bGFyXzYwNDBfMTk1NykiLz4KPHBhdGggZD0iTTEuNjA2MDQgMTguMDAyTDEuMTA2MDQgMTcuMTM2TDAuMjQwMDE5IDE3LjYzNkwwLjc0MDAyIDE4LjUwMkwxLjYwNjA0IDE4LjAwMlpNMC40MDcyMjcgOC44OTYxOEwtMC41NTg2OTkgOC42MzczNkwtMC44MTc1MjEgOS42MDMyOUwwLjE0ODQxOCA5Ljg2MjFMMC40MDcyMjcgOC44OTYxOFpNMi4zMzkxMSA5LjQxMzhMMi4wODAzIDEwLjM3OTdMMy4wNDYyMiAxMC42Mzg1TDMuMzA1MDMgOS42NzI2MkwyLjMzOTExIDkuNDEzOFpNMjAuNjU4NiA3LjAwMjAxTDE5Ljc5MjYgNy41MDIwMUwxOS43OTI2IDcuNTAyMDFMMjAuNjU4NiA3LjAwMjAxWk0zLjMzODEgMTcuMDAyTDQuMjA0MTIgMTYuNTAyTDMuNzA0MTIgMTUuNjM2TDIuODM4MSAxNi4xMzZMMy4zMzgxIDE3LjAwMlpNMTcuNDk4NCAyMS41MjgzQzEyLjIzNzEgMjQuNTY1OSA1LjUwOTYzIDIyLjc2MzIgMi40NzIwNyAxNy41MDJMMC43NDAwMiAxOC41MDJDNC4zMjk4NyAyNC43MTk4IDEyLjI4MDUgMjYuODUwMiAxOC40OTg0IDIzLjI2MDNMMTcuNDk4NCAyMS41MjgzWk0yMS41MjQ2IDYuNTAyMDFDMjQuNTYyMiAxMS43NjMyIDIyLjc1OTYgMTguNDkwNyAxNy40OTg0IDIxLjUyODNMMTguNDk4NCAyMy4yNjAzQzI0LjcxNjIgMTkuNjcwNSAyNi44NDY1IDExLjcxOTggMjMuMjU2NyA1LjUwMjAxTDIxLjUyNDYgNi41MDIwMVpNNi40OTgzNSAyLjQ3NTczQzExLjc1OTYgLTAuNTYxODQ5IDE4LjQ4NzEgMS4yNDA3OSAyMS41MjQ2IDYuNTAyMDFMMjMuMjU2NyA1LjUwMjAxQzE5LjY2NjggLTAuNzE1NzkgMTEuNzE2MiAtMi44NDYxOSA1LjQ5ODM1IDAuNzQzNjc4TDYuNDk4MzUgMi40NzU3M1pNMS4zNzMxNSA5LjE1NUMyLjEwMjE2IDYuNDM0MjggMy44Njc0OSAzLjk5NDY2IDYuNDk4MzUgMi40NzU3M0w1LjQ5ODM1IDAuNzQzNjc4QzIuMzg5NjggMi41Mzg0NyAwLjMwMTk4OCA1LjQyNTIzIC0wLjU1ODY5OSA4LjYzNzM2TDEuMzczMTUgOS4xNTVaTTIuNTk3OTIgOC40NDc4N0wwLjY2NjAzNSA3LjkzMDI1TDAuMTQ4NDE4IDkuODYyMUwyLjA4MDMgMTAuMzc5N0wyLjU5NzkyIDguNDQ3ODdaTTMuMzA1MDMgOS42NzI2MkMzLjkwMTU3IDcuNDQ2MzIgNS4zNDU4IDUuNDUwNTUgNy40OTgzNSA0LjIwNzc4TDYuNDk4MzUgMi40NzU3M0MzLjg2Nzk5IDMuOTk0MzcgMi4xMDEzOSA2LjQzNzI3IDEuMzczMTggOS4xNTQ5OEwzLjMwNTAzIDkuNjcyNjJaTTcuNDk4MzUgNC4yMDc3OEMxMS44MDMgMS43MjI1MSAxNy4zMDczIDMuMTk3MzcgMTkuNzkyNiA3LjUwMjAxTDIxLjUyNDYgNi41MDIwMUMxOC40ODcxIDEuMjQwNzggMTEuNzU5NSAtMC41NjE4MjYgNi40OTgzNSAyLjQ3NTczTDcuNDk4MzUgNC4yMDc3OFpNMTkuNzkyNiA3LjUwMjAxQzIyLjI3NzggMTEuODA2NiAyMC44MDMgMTcuMzExIDE2LjQ5ODQgMTkuNzk2MkwxNy40OTg0IDIxLjUyODNDMjIuNzU5NiAxOC40OTA3IDI0LjU2MjIgMTEuNzYzMiAyMS41MjQ2IDYuNTAyMDFMMTkuNzkyNiA3LjUwMjAxWk0xNi40OTg0IDE5Ljc5NjJDMTIuMTkzNyAyMi4yODE1IDYuNjg5MzkgMjAuODA2NiA0LjIwNDEyIDE2LjUwMkwyLjQ3MjA3IDE3LjUwMkM1LjUwOTYzIDIyLjc2MzIgMTIuMjM3MSAyNC41NjU4IDE3LjQ5ODQgMjEuNTI4M0wxNi40OTg0IDE5Ljc5NjJaTTIuMTA2MDQgMTguODY4TDMuODM4MSAxNy44NjhMMi44MzgxIDE2LjEzNkwxLjEwNjA0IDE3LjEzNkwyLjEwNjA0IDE4Ljg2OFoiIGZpbGw9IndoaXRlIiBtYXNrPSJ1cmwoI3BhdGgtMS1pbnNpZGUtMV82MDQwXzE5NTcpIi8+CjxkZWZzPgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50MF9hbmd1bGFyXzYwNDBfMTk1NyIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgxMS45OTg0IDEyLjAwMikgcm90YXRlKDE1MCkgc2NhbGUoMTIpIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiLz4KPHN0b3Agb2Zmc2V0PSIwLjg3Nzg0NiIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMCIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=");
}

    .Survey .spinner > div {
        visibility: hidden;
    }



/*SURVEY DONE ELEMENT--------------------------------------------------*/
.Survey .SurveyDone {
    background: #fff;
    padding: 40px;
    white-space: pre-wrap;
}

.Survey:has(> .SurveyDone)::before {
    display: none !important;
}

.SurveyDone + .Navigation button {
    border-radius: 100px;
}



/*CALENDARS------------------------------------------------------------------------------------*/



/*DATEPICKER RANGE---------------------------------------------------*/




.daterangepicker.show-calendar .drp-calendar {
    padding: 16px;
}

.daterangepicker .drp-calendar {
    max-width: none !important;
    width: auto;
}

.daterangepicker {
    border-radius: 8px;
    border: none;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
    padding: 0px;
    max-width: none !important;
}

    .daterangepicker table td {
        padding: 5px !important;
    }

    .daterangepicker table tbody tr {
        padding: 10px !important;
    }

    .daterangepicker td.start-date {
        border-radius: 0px 0 0 0px;
    }

    .daterangepicker .table-condensed tbody td.active.in-range.available {
        background-color: hsl(208 0% 93% / 1);
        color: white;
    }

    .daterangepicker td.in-range {
        background-color: var(--sweetBlue-200);
        border-color: transparent;
        color: #000;
        border-radius: 50px;
    }

.drp-calendar td.off {
    visibility: hidden;
}

.daterangepicker .drp-buttons .applyBtn {
    background-color: #336BFF;
    color: white !important;
}

    .daterangepicker .drp-buttons .applyBtn:hover {
        background-color: #2650BF !important;
    }

.daterangepicker .drp-buttons .cancelBtn {
    background-color: #F5F5F5 !important;
    color: #1C1C1C !important;
    border-bottom: none;
    border-radius: 0;
    padding: 0px;
    font-weight: 600;
}

    .daterangepicker .drp-buttons .cancelBtn:hover {
        color: #3F4D59;
        background-color: #fff;
        border-bottom: none;
    }
/*header-----------------------------------------------------*/
.daterangepicker th.available:hover {
    background-color: transparent !important;
    border-color: transparent;
}
/*Chevrons*/
.daterangepicker .calendar-table .prev span,
.daterangepicker .calendar-table .next span {
    transform: none !important;
    -webkit-transform: none !important;
    border: none !important;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
}

.daterangepicker .calendar-table .next {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOCA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC41ODU4MTYgOC4wMTQxNkw0LjU4NTgyIDQuMDE0MTZMMC41ODU4MTUgMC4wMTQxNjAyTDMuNDE0MjQgMC4wMTQxNjAyTDcuNDE0MjQgNC4wMTQxNkwzLjQxNDI0IDguMDE0MTZIMC41ODU4MTZaIiBmaWxsPSIjMUMxQzFDIi8+Cjwvc3ZnPgo=");
}

.daterangepicker .calendar-table .prev {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOCA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNy40MTQyNCAwLjAxNDE2MDNMMy40MTQyNCA0LjAxNDE2TDcuNDE0MjQgOC4wMTQxNkg0LjU4NTgyTDAuNTg1ODE1IDQuMDE0MTZMNC41ODU4MiAwLjAxNDE2MDJMNy40MTQyNCAwLjAxNDE2MDNaIiBmaWxsPSIjMUMxQzFDIi8+Cjwvc3ZnPgo=");
}

.daterangepicker .calendar-table .next,
.daterangepicker .calendar-table .prev {
    background-position: center;
    background-repeat: no-repeat;
}


/*MONTH & YEAR*/
.drp-calendar.left .month .monthselect,
.drp-calendar.left .month .yearselect,
.drp-calendar.right .month .monthselect,
.drp-calendar.right .month .yearselect {
    font-size: 16px;
    font-weight: 700;
    border-bottom: none;
    color: #1c1c1c !important;
}

.drp-calendar.right {
    border-left: 1.5px solid #E0E0E0;
}

.drp-calendar select.monthselect {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAwLjU4OTg0NUw0IDQuNTg5ODRMOCAwLjU4OTg0NFYzLjQxODI3TDQgNy40MTgyN0wwIDMuNDE4MjdWMC41ODk4NDVaIiBmaWxsPSIjMUMxQzFDIi8+Cjwvc3ZnPgo=");
    background-size: 8px;
    background-position-x: 100%;
    text-align: center;
}

.drp-calendar select.yearselect {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAwLjU4OTg0NUw0IDQuNTg5ODRMOCAwLjU4OTg0NFYzLjQxODI3TDQgNy40MTgyN0wwIDMuNDE4MjdWMC41ODk4NDVaIiBmaWxsPSIjMUMxQzFDIi8+Cjwvc3ZnPgo=");
    background-size: 8px;
    background-position-x: 100%;
    text-align: center;
}

/*first row in header with month and year*/
.daterangepicker .table-condensed thead tr:first-of-type {
}


/*Weekdays*/
.daterangepicker .table-condensed thead tr:nth-of-type(2) th {
    font-size: 11px !important;
    font-weight: 400 !important;
    color: #5D697E;
    padding-top: 10px;
}

/*days in current month*/
.daterangepicker .table-condensed tbody td:not(.off).available {
    font-size: 14px;
    font-weight: 400;
}

/**/
.daterangepicker .table-condensed tbody td {
    border: solid 1px transparent;
}

.daterangepicker .table-condensed tbody tr {
    border-bottom: 1px solid #DCE3EE !important;
    margin: 0px !important;
}

/*Start*/
.daterangepicker .table-condensed tbody td.active.start-date.available {
    background-color: #336BFF !important;
    border-radius: 100%;
}

.daterangepicker .table-condensed tbody td.active:hover {
    background-color: transparent;
    color: white !important;
    border-color: #336BFF;
}

/*highlighted days----------*/
.daterangepicker .table-condensed tbody td.in-range.available {
    background-color: #F5F5F5;
    color: hsl(211 0% 27% / 1);
    border-radius: 0px;
}

/*End*/
.daterangepicker .table-condensed tbody td.active.end-date.in-range.available {
    background-color: #336BFF !important;
    border-radius: 100% !important;
    color: white;
}

/*td hover*/
.daterangepicker .table-condensed tbody td:hover {
    background-color: transparent;
    color: #1C2354 !important;
    border-color: #336BFF;
}


/*days not in current month*/
.daterangepicker .table-condensed tbody td.off {
    font-size: 14px;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #9E9E9E !important;
}

/*Time select------------------*/


.daterangepicker .calendar-time {
    padding: 10px;
}

.daterangepicker select.minuteselect,
.daterangepicker select.hourselect {
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
    width: 52px;
    height: 48px;
    margin: 0 auto;
    background: #F5F5F5 !important;
    border: 1px solid #F5F5F5 !important;
    padding: 2px;
    outline: 0;
    font-size: 12px;
    text-align: center !important;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/*footer---------------------------------------------*/

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:hover {
    float: left;
    color: #336BFF;
    padding-left: 0px !important;
}

.daterangepicker .drp-buttons {
    padding: 12px 16px !important;
    border-top: 1.5px solid #E0E0E0 !important;
}

    .daterangepicker .drp-buttons span.drp-selected {
        display: none;
    }

/*BOTTOM BUTTONS*/
.drp-buttons button.cancelBtn.btn.btn-sm.btn-default,
.drp-buttons button.applyBtn.btn.btn-sm.btn-primary {
    text-underline-offset: 4px !important;
    width: auto;
    border-radius: 100px;
    text-transform: lowercase !important;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
}

    .drp-buttons button.applyBtn.btn.btn-sm.btn-primary::first-letter {
        text-transform: capitalize;
    }

.drp-buttons button.cancelBtn.btn.btn-sm.btn-default {
    text-transform: capitalize !important;
}

    .drp-buttons button.cancelBtn.btn.btn-sm.btn-default:hover,
    .drp-buttons button.applyBtn.btn.btn-sm.btn-primary:hover {
    }


/*Custom range design  (Smooth)*/
.daterangepicker .table-condensed tbody td.active.start-date.available,
.daterangepicker .table-condensed tbody td.active.end-date.in-range.available {
    background-color: #F5F5F5 !important;
    position: relative;
    z-index: 99999 !important;
}

.daterangepicker .table-condensed tbody td.active.start-date.available {
    border-radius: 100px 0px 0px 100px;
}

.daterangepicker .table-condensed tbody td.active.end-date.in-range.available {
    border-radius: 0px 100px 100px 0px !important;
}

    .daterangepicker .table-condensed tbody td.active.start-date.available::before,
    .daterangepicker .table-condensed tbody td.active.end-date.in-range.available::before {
        content: "";
        display: inline-block;
        height: 100%;
        width: 100%;
        border-radius: 100px;
        background-color: #336BFF;
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
    }

.daterangepicker .table-condensed tbody td.today.active.start-date.available::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNiA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8Y2lyY2xlIGN4PSIzIiBjeT0iMyIgcj0iMyIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-position-y: calc(50% + 12px) !important;
}

.daterangepicker .drp-buttons button.btn {
    padding: 8px 20px !important;
}






/*TIMEPICKER----------------------------------------------------*/


.ui-timepicker-oneLine div.ui-datepicker-title {
    font-size: 14px !important;
    padding: 10px 0px !important;
    display: none;
}

.ui-timepicker-div.ui-timepicker-oneLine {
    margin-right: 0px;
}

#ui-datepicker-div .ui-widget-header.ui-helper-clearfix.ui-corner-all {
    background-color: transparent !important;
    border-bottom: none !important;
}

.btn {
    box-shadow: none !important;
}








/*REGULAR DATEPICKER------------------------*/


/*Custom styling calendar*/

.ui-datepicker table {
    width: calc(100% - 1em) !important;
    font-size: 1em;
    margin: 0.7em;
}


#ui-datepicker-div td {
    padding: 2px 0px !important;
    width: 35px !important;
}

/*Whole calendar padding*/
table.ui-datepicker-calendar {
    margin: auto !important;
}


#ui-datepicker-div {
    width: 368px;
    border-radius: 8px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
    border: none !important;
    padding: 16px !important;
    z-index: 3 !important;
}



.ui-datepicker .ui-datepicker-title {
    background: transparent;
    color: #102231;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 0.5em 0 !important;
    width: 100%;
    margin: 0;
    text-transform: capitalize;
}

    /*month & year*/

    .ui-datepicker .ui-datepicker-title select {
        color: #22252B !important;
        border: none !important;
        font-weight: 700;
        font-size: 16px !important;
        background-size: 8px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAwLjU4OTg0NUw0IDQuNTg5ODRMOCAwLjU4OTg0NFYzLjQxODI3TDQgNy40MTgyN0wwIDMuNDE4MjdWMC41ODk4NDVaIiBmaWxsPSIjMUMxQzFDIi8+Cjwvc3ZnPgo=") !important;
        background-position: right 11px center;
    }

select.ui-datepicker-month {
    text-align: right !important;
}

.ui-datepicker select.ui-datepicker-year {
    padding-left: 10px;
    background-position-x: 55px;
}

/*Space between month & year*/

.ui-datepicker .ui-datepicker-title select:first-child {
    margin-right: 5px !important;
}

.ui-datepicker-month {
    text-align: initial;
}


.ui-datepicker .ui-datepicker-next {
    right: 21px !important;
}

.ui-datepicker .ui-datepicker-prev {
    left: 15px !important;
}


/*Chevrons*/
a.ui-datepicker-next:before
a.ui-datepicker-prev:before {
    color: #23519D;
    font-weight: 900 !important;
}

a.ui-datepicker-prev:before {
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOCA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNy40MTQyNCAwLjAxNDE2MDNMMy40MTQyNCA0LjAxNDE2TDcuNDE0MjQgOC4wMTQxNkg0LjU4NTgyTDAuNTg1ODE1IDQuMDE0MTZMNC41ODU4MiAwLjAxNDE2MDJMNy40MTQyNCAwLjAxNDE2MDNaIiBmaWxsPSIjMUMxQzFDIi8+Cjwvc3ZnPgo=");
}

a.ui-datepicker-next:before {
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOCA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC41ODU4MTYgOC4wMTQxNkw0LjU4NTgyIDQuMDE0MTZMMC41ODU4MTUgMC4wMTQxNjAyTDMuNDE0MjQgMC4wMTQxNjAyTDcuNDE0MjQgNC4wMTQxNkwzLjQxNDI0IDguMDE0MTZIMC41ODU4MTZaIiBmaWxsPSIjMUMxQzFDIi8+Cjwvc3ZnPgo=");
}

a.ui-datepicker-next:hover::before,
a.ui-datepicker-prev:hover:before {
    cursor: pointer !important;
}

a.ui-datepicker-next,
a.ui-datepicker-next-hover,
a.ui-datepicker-prev,
a.ui-datepicker-prev-hover {
    top: 12px !important;
    right: 8px !important;
}

.ui-widget-header a {
    color: #22252B !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
#ui-datepicker-div .ui-state-active,
#ui-datepicker-div .ui-widget-content .ui-state-active a,
#ui-datepicker-div .ui-widget-header .ui-state-active a {
    color: white !important;
    background-color: #336BFF !important;
    border-radius: 100% !important;
    box-shadow: none;
    padding: 14px 8px !important;
}

td.today.available,
td.today.available:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNiA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8Y2lyY2xlIGN4PSIzIiBjeT0iMyIgcj0iMyIgZmlsbD0iIzFDMUMxQyIvPgo8L3N2Zz4K) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-position-y: calc(50% + 12px) !important;
}

.ui-datepicker table {
    font-size: 14px;
    font-weight: 600 !important;
    table-layout: fixed;
}


.ui-datepicker thead {
    font-size: 11px;
    color: #5D697E;
    font-weight: 400 !important;
}


/*----Weekdays---*/
.ui-datepicker tr:first-child th {
    font-weight: 400 !important;
    text-transform: uppercase !important;
}

.ui-datepicker tr:not(:first-child) {
    border-bottom: none !important;
}




/*Hiding weekday letters in normal and range calendar*/
.ui-datepicker th > span {
    visibility: hidden;
    width: 100% !important;
    padding-left: 15%;
    display: inline-block;
    margin-left: auto !important;
}

.daterangepicker .table-condensed thead tr:nth-of-type(2) th {
    visibility: hidden;
    padding-left: 3%;
}


    .ui-datepicker th > span::first-letter,
    .daterangepicker .table-condensed thead tr:nth-of-type(2) th::first-letter {
        visibility: visible !important;
    }

/*Color of regular days (not active)*/
.daterangepicker td.available:not(.active),
.ui-datepicker table td a.ui-state-default {
    color: #1c1c1c !important;
}

/*Calendar spacing*/
#ui-datepicker-div td a {
    padding: 14px 8px !important;
    width: 33px !important;
    height: 19px;
}


.ui-datepicker td a {
    font-weight: 400 !important;
    color: #22252B !important;
    padding: 14px 8px 14px 8px !important;
    border: solid 1px transparent !important;
    border-radius: 100% !important;
}

    .ui-datepicker td a:hover {
        background-color: transparent !important;
        border-radius: 100% !important;
        border: solid 1px #336BFF;
    }

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 600;
    border: 0;
    opacity: 0.8;
    font-size: 14px;
    color: #6E6E6E !important;
}

.ui-state-highlight,
.ui-widget-content
.ui-state-highlight,
.ui-widget-header
.ui-state-highlight {
    color: #22252B;
}


.ui-datepicker td a.ui-state-default:hover {
    background-color: transparent !important;
    border-color: #336BFF !important;
}


/*Custom dot on current day--------*/

td.ui-datepicker-today a,
td.ui-datepicker-today a.ui-state-hover:hover {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNiA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8Y2lyY2xlIGN4PSIzIiBjeT0iMyIgcj0iMyIgZmlsbD0iIzFDMUMxQyIvPgo8L3N2Zz4K") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-position-y: calc(50% + 12px) !important;
}

    td.ui-datepicker-today a.ui-state-active,
    a.ui-state-default.ui-state-highlight.ui-state-hover, a.ui-state-default.ui-state-highlight.ui-state-active.ui-state-hover {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNiA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8Y2lyY2xlIGN4PSIzIiBjeT0iMyIgcj0iMyIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-position-y: calc(50% + 12px) !important;
    }

td.today.active.start-date.available {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNiA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8Y2lyY2xlIGN4PSIzIiBjeT0iMyIgcj0iMyIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) !important;
}


/*Bottom*/

#ui-datepicker-div .ui-timepicker-div.ui-timepicker-oneLine *:not(.ui-datepicker-title) {
}



/*Time block*/

#ui-datepicker-div dl {
    flex-basis: 100% !important;
    padding: 0px 0px;
    font-size: 13px;
    margin: 0px 0px;
}

    /*Hour minute blocks*/
    #ui-datepicker-div dl select {
        text-align: center !important;
        border: solid #F5F5F5 1px !important;
        background-color: #F5F5F5 !important;
        border-radius: 8px;
        margin-right: 5px;
        padding: 0px 10px;
        height: 48px !important;
        width: 52px;
    }

#ui-datepicker-div .ui-timepicker-div.ui-timepicker-oneLine {
    display: flex;
    flex-direction: column;
    flex-basis: 100% !important;
    padding-bottom: 13px;
}

dd.ui_tpicker_minute:before {
    margin: 0px 5px !important;
}


/*Footer*/
#ui-datepicker-div .ui-datepicker-buttonpane.ui-widget-content {
    margin-bottom: 16px !important;
}

    /*Footer buttons*/
    #ui-datepicker-div .ui-datepicker-buttonpane.ui-widget-content button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all,
    #ui-datepicker-div .ui-datepicker-buttonpane.ui-widget-content button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-text-transform: capitalize !important;
    font-size: 16px;
    opacity: 100%;
    border-radius: 100px;
    line-height: 28px;
}

.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all {
    color: #336BFF;
}


#ui-datepicker-div .ui-datepicker-buttonpane.ui-widget-content button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all:hover,
#ui-datepicker-div .ui-datepicker-buttonpane.ui-widget-content button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all:hover {
    opacity: 100% !important;
}

.daterangepicker .calendar-table table {
    border-spacing: 0px !important;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    /*background: #ffffff;*/
    /*border: 0px solid #d0d0d0 !important;*/
    cursor: pointer !important;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    font-weight: 600;
    font-size: 16px;
    padding: 8px 20px !important;
    text-transform: Initial;
    border-radius: 100px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    box-shadow: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    margin: 0px !important;
    line-height: 28px;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
    background-color: #336BFF !important;
    border: none;
    color: white !important;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .30);
}

    .ui-priority-primary, .ui-widget-content .ui-priority-primary:hover, .ui-widget-header .ui-priority-primary:hover {
        background-color: #2650BF !important;
    }

.ui_tpicker_time_label {
    margin-top: 13px;
    padding-left: 0px !important;
    font-weight: 600;
    font-size: 14px;
    color: #1C1C1C;
}




/*DATE-RANGEPICKER MOBILE------------*/



@media (max-width: 563px) {
    .daterangepicker {
        padding: 0px !important;
        padding-top: 10px !important;
        top: initial !important;
        bottom: 0;
        left: 0 !IMPORTANT;
        overflow: scroll;
        box-shadow: none !important;
        width: 100% !important;
        height: 90%;
        margin: auto !IMPORTANT;
        position: fixed !important;
        border-radius: 20px 20px 0px 0px !important;
    }

    .drp-calendar {
        width: 90% !important;
    }
}


@media (max-width: 563px) {

    .daterangepicker .drp-calendar.left,
    .daterangepicker .drp-calendar.right,
    .daterangepicker .drp-buttons {
        margin: auto !important;
        border: none;
    }

    .daterangepicker .drp-buttons {
        gap: 10px;
        display: inline-flex !important;
        justify-content: center;
        align-items: center;
        flex-direction: column-reverse;
        padding: 20px 0px !important;
        width: 100%;
        position: sticky !important;
    }

        .daterangepicker .drp-buttons button {
            width: 90% !important;
            margin: 0px !important;
            padding: 10px !important;
        }

    .daterangepicker button.btn {
        padding-bottom: 10px !important;
    }

    .daterangepicker.drop-up:after,
    .daterangepicker.drop-up:before {
        visibility: hidden !important;
    }

    .drp-buttons button.cancelBtn.btn.btn-sm.btn-default,
    .drp-buttons button.applyBtn.btn.btn-sm.btn-primary {
        padding-bottom: 10px !important;
    }

        .drp-buttons button.applyBtn.btn.btn-sm.btn-primary,
        .drp-buttons button.applyBtn.btn.btn-sm.btn-primary:hover {
            color: white !important;
            background-color: #336BFF !important;
            border-radius: 100px;
            font-weight: 400;
        }

    .daterangepicker .drp-buttons .cancelBtn {
        display: none;
    }
}









/*MEDIA QUERIES NORDNET---------------------------------------*/

/*LARGE SCREEN*/
@media(max-width: 1680px ) {
}

@media(max-width: 992px ) {
    .Survey:not(.Print) ul.PageTabs {
        margin: 0px 20px !important;
    }

    .SurveyTrigger:not(.Preview) .Survey:not(.Print) .Sections {
        padding: 20px 20px 5px 20px;
    }

    .SurveyTrigger:not(.Preview) .Survey:not(.Print) .Page > .Header {
        padding-left: 20px;
    }

    .SurveyTrigger:not(.Preview) .Survey:not(.Print) .Question .Page.n-compact-page > .Header {
        padding-left: 0px !important;
    }

    .SurveyTrigger:not(.Preview) .Survey:not(.Print) .SurveyBody::before {
        background-position-x: 20px;
    }
.SurveyTrigger:not(.Preview) .Survey:not(.Print) .Navigation{
   padding: 0px 20px 20px 20px;
}
}

@media(min-width: 992px ) {
    .SurveyTrigger:not(.Preview) .Survey:not(.Print) .Question .Page.n-compact-page > .Header {
        padding-left: 0px !important;
    }
}
/*TABLET*/
@media(max-width: 768px ) {
    .Survey:not(.Print) .w-95,
    .Survey:not(.Print) .w-90,
    .Survey:not(.Print) .w-85,
    .Survey:not(.Print) .w-80,
    .Survey:not(.Print) .w-75,
    .Survey:not(.Print) .w-70,
    .Survey:not(.Print) .w-65,
    .Survey:not(.Print) .w-60,
    .Survey:not(.Print) .w-55,
    .Survey:not(.Print) .w-50,
    .Survey:not(.Print) .w-45,
    .Survey:not(.Print) .w-40,
    .Survey:not(.Print) .w-35,
    .Survey:not(.Print) .w-30,
    .Survey:not(.Print) .w-33,
    .Survey:not(.Print) .w-25,
    .Survey:not(.Print) .w-20,
    .Survey:not(.Print) .w-15,
    .Survey:not(.Print) .w-10 {
        width: 100%;
        display: inline-block;
    }

    .Survey .Page .Section.Expandable {
        padding: 12px;
    }

        .Survey .Page .Section.Expandable .Header > .Name {
            font-size: 20px;
        }

    .SurveyTrigger:not(.Preview) .Survey:not(.Print) .Navigation {
        padding: 0px 12px 12px 12px;
    }

    .Survey .SurveyBody .Navigation button[class*="PrevButton"] {
        padding-left: 0px !important;
        padding-right: 0px !important;
        background-color: transparent !important;
    }

    .Survey .Question .Answers {
        padding: 3px 0px 0px 0px;
    }


    /*Defaulting hover----*/
    .Survey div.Label.Add.Clickable:hover,
    .Survey div.Label.Add.Clickable:hover span,
    .Survey .qtSign button:hover,
    .Survey .qtSign button:hover span
    /*.Survey .qtButton label span:hover*/ {
        background-color: #F5F5F5 !important;
        color: #1C1C1C !important;
        border-color: none;
    }

    .Survey div.Label.Add.Clickable:hover,
    .Survey .qtSign button:hover {
        border-width: 2px !important;
    }

    .Survey .Label.Add.Clickable:hover::before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgOUw3IDE2SDlWOUgxNlY3SDlWMEg3TDcgN0g0Ljc2ODM3ZS0wN0wwIDlIN1oiIGZpbGw9IiMxQzFDMUMiLz4KPC9zdmc+Cg==);
    }
}

/*MOBILE*/
@media(max-width: 500px ) {

    .SurveyTrigger:not(.Preview) .Survey:not(.Print) .SurveyBody::before {
        background-position-x: 11px;
    }
    .Survey:not(.Print) ul.PageTabs {
        margin: 0px 12px !important;
    }
    .SurveyTrigger:not(.Preview) .Survey .Sections {
        padding: 12px 12px 5px 12px !important;
    }

    .Survey .Page > .Header > .Name {
        font-size: 24px !important;
    }

    .Survey .Page > .Header .Description {
        font-size: 14px;
    }

    .Survey .Section > .Header .Name {
        font-size: 20px;
    }

    .SurveyTrigger:not(.Preview) .Survey:not(.Print) .Page > .Header {
        padding-left: 12px;
    }

    .SurveyTrigger:not(.Preview) .Survey:not(.Print) .Question .Page.n-compact-page > .Header {
        padding-left: 0px !important;
    }

    .Survey .QuestionText span {
        font-size: 14px;
    }


    .SurveyTrigger:not(.Preview) .Survey:not(.Print) .Navigation {
        padding: 0px 12px 12px 12px;
    }

    .SurveyTrigger:not(.Preview) .Survey .Sections {
        padding: 20px 12px 5px 12px !important;
    }

    .Survey:not(.Print) .Page .Sections .Section {
        padding: 12px !important;
    }

    .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
        padding-left: 20px !important;
    }
}

@media(max-width: 577px ) {
    /*Mobile modal*/
    .SurveyTrigger ~ .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable {
        position: fixed !important;
        top: calc(0px + 50%) !important;
        padding: 16px 12px !important;
        left: 0px !important;
        right: 0px !important;
        width: auto !important;
        min-height: 300px !important;
        border-top-right-radius: 20px !important;
        border-top-left-radius: 20px !important;
        padding-top: 0px !important;
    }


    .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable .ui-dialog-content.ui-widget-content {
        font-size: 16px;
    }

    .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix .ui-dialog-buttonset {
        padding: 20px 0px 0px 0px !important;
        display: inline-flex !important;
        flex-direction: column !important;
        width: 100%;
    }

        .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix .ui-dialog-buttonset button {
            flex: 1 !important;
            font-weight: 400 !important;
        }

    .ui-dialog-titlebar .ui-dialog-titlebar-close {
        top: 70%;
    }


    .ui-dialog-titlebar .ui-dialog-titlebar-close {
        background: transparent !important;
        border: 0px !important;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTk5NzggOS40MTQ5N0wxMy42NTY2IDE1LjA3MThMMTUuMDcwOCAxMy42NTc2TDkuNDEzOTkgOC4wMDA3NUwxNS4wNzA4IDIuMzQzOUwxMy42NTY2IDAuOTI5Njg4TDcuOTk5NzggNi41ODY1NEwyLjM0MjkyIDAuOTI5NjkxTDAuOTI4NzExIDIuMzQzOUw2LjU4NTU3IDguMDAwNzVMMC45Mjg3MTEgMTMuNjU3NkwyLjM0MjkyIDE1LjA3MThMNy45OTk3OCA5LjQxNDk3WiIgZmlsbD0iIzFDMUMxQyIvPgo8L3N2Zz4K) !important;
        background-repeat: no-repeat !important;
    }

    .ui-dialog {
        position: fixed !important;
    }

    /*Mobile modal 5.1*/
    .SurveyDialog.ui-dialog {
        position: fixed !important;
        top: calc(0px + 50%) !important;
        padding: 16px 12px !important;
        left: 0px !important;
        right: 0px !important;
        width: auto !important;
        min-height: 300px !important;
        border-top-right-radius: 20px !important;
        border-top-left-radius: 20px !important;
        padding-top: 0px !important;
    }


        .SurveyDialog.ui-dialog .ui-dialog-content.ui-widget-content {
            font-size: 16px;
        }

        .SurveyDialog.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            padding: 20px 0px 0px 0px !important;
            display: inline-flex !important;
            flex-direction: column !important;
            width: 100%;
        }

            .SurveyDialog.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
                flex: 1 !important;
                font-weight: 400 !important;
            }

    .SurveyDialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
        top: 70%;
    }


    .SurveyDialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
        background: transparent !important;
        border: 0px !important;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTk5NzggOS40MTQ5N0wxMy42NTY2IDE1LjA3MThMMTUuMDcwOCAxMy42NTc2TDkuNDEzOTkgOC4wMDA3NUwxNS4wNzA4IDIuMzQzOUwxMy42NTY2IDAuOTI5Njg4TDcuOTk5NzggNi41ODY1NEwyLjM0MjkyIDAuOTI5NjkxTDAuOTI4NzExIDIuMzQzOUw2LjU4NTU3IDguMDAwNzVMMC45Mjg3MTEgMTMuNjU3NkwyLjM0MjkyIDE1LjA3MThMNy45OTk3OCA5LjQxNDk3WiIgZmlsbD0iIzFDMUMxQyIvPgo8L3N2Zz4K) !important;
        background-repeat: no-repeat !important;
    }

    .SurveyDialog.ui-dialog {
        position: fixed !important;
    }
}


/*FIX FOR PHONE CALENDAR*/
@media(max-width: 500px) {
    #ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
        width: auto !important;
        left: 0px !important;
        right: 0px !important;
    }

    .ui-datepicker table {
        margin: 0px !important;
        table-layout: auto;
    }
}

.ui-datepicker select.ui-datepicker-year,
.ui-datepicker select.ui-datepicker-month {
    width: 45%;
}







/*CARD INPUTS------------------------------------*/


.Survey .Question.Card .Answer {
    transition: all ease-in-out 0.2s;
    margin: 10px 0px !important;
    background-color: #F5F5F5 !important;
    border: solid 2px #F5F5F5;
    padding: 0px;
    border-radius: 4px;
}

    .Survey .Question.Card .Answer label {
        display: inline-flex;
        min-height: 0px !important;
        padding: 8px 12px !important;
        width: 100%;
        flex-direction: row-reverse;
        justify-content: space-between;
    }

        .Survey .Question.Card .Answer label span:not(.ColorDisplay) {
            padding: 0px;
            margin: 0;
        }

    .Survey .Question.Card .Answer .ColorDisplay {
        padding-left: 20px;
        margin-right: 3px;
    }

    .Survey .Question.Card .Answer:hover {
        background-color: #EAF0FF !important;
        border-color: #EAF0FF !important;
    }

    .Survey .Question.Card .Answer:hover,
    .Survey .Question.Card .Answer label:hover,
    .Survey .Question.Card .Answer label span:hover {
        cursor: pointer;
    }

        .Survey .Question.Card .Answer:has(input:checked),
        .Survey .Question.Card .Answer:hover:has(input:checked) {
            border: solid 2px #336BFF !important;
            background-color: #EAF0FF !important;
        }



    .Survey .Question.Card .Answer input {
        visibility: hidden;
    }

        .Survey .Question.Card .Answer input::before {
            content: "";
            display: inline-block;
            height: 19px;
            width: 19px;
            visibility: visible;
            border-radius: 100%;
        }

/*Card single*/
.Survey .Question.Card.multi .Answer input:checked::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMCAyMEMxNS41MjI4IDIwIDIwIDE1LjUyMjggMjAgMTBDMjAgNC40NzcxNSAxNS41MjI4IDAgMTAgMEM0LjQ3NzE1IDAgMCA0LjQ3NzE1IDAgMTBDMCAxNS41MjI4IDQuNDc3MTUgMjAgMTAgMjBaTTE1LjY2OTUgNy40MTkzOUw4LjE1NjQ1IDE0LjkzMjRMMy43MzcwMyAxMC41MTNMNS41MDQ4IDguNzQ1MjJMOC4xNTY0NSAxMS4zOTY5TDEzLjkwMTcgNS42NTE2M0wxNS42Njk1IDcuNDE5MzlaIiBmaWxsPSIjMzM2QkZGIi8+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-position: center;
}


/*Card multi*/
.Survey .Question.Card.single .Answer input {
    visibility: visible;
    border: 1px solid #BDBDBD;
    background-color: white;
}

    .Survey .Question.Card.single .Answer input:checked {
        /* background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjYiIGZpbGw9IiMzMzZCRkYiLz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px !important; */
        outline: 3px solid #FFFFFF;
        outline-offset: -4px;
        background-color: #336BFF;
        background-repeat: no-repeat;
        background-position: center;
    }






/*FLOATING LABEL-------------------------------------------*/

.Survey:not(.Print) .Question.floating-label .Header .QuestionText {
    margin-bottom: -20px;
    position: absolute !important;
    top: 10px !important;
    left: 12px;
    z-index: 2;
    padding-right: 30px;
    width: fit-content !important;
}

    .Survey:not(.Print) .Question.floating-label .Header .QuestionText .Name {
        font-size: 12px !important;
        font-weight: 400 !important;
        color: #6E6E6E;
        width: 100% !important;
        display: inline-block !important;
    }

.Survey:not(.Print) .Question.floating-label input,
.Survey:not(.Print) .Question.floating-label select {
    padding-top: 20px;
}

.Survey:not(.Print) .Question.floating-label textarea {
    padding-top: 30px !important;
    padding-bottom: 20px !important;
}

.Survey:not(.Print) .Question.floating-label .qtAutoComplete .Header .QuestionText {
    padding-left: 27px !important;
}

.Survey:not(.Print) .Question.floating-label:has(.Header .DescriptionText) .QuestionText {
    top: 33px !important;
}




/*FIX FOR TOPBAR WITH LANGUAGE SELECTOR------------------------------------*/
.Survey .LanguageSelector {
    list-style-type: none;
    float: right;
    margin-right: 10px;
    position: absolute;
    right: 0%;
    padding-right: 20px !important;
    margin-right: 0px;
}

/*CUSTOM CHECK AND RADIO (APPLYING NEW DESIGN)-------------------------------*/

/*Checkbox*/
.Survey .Question.n-custom-check [type="checkbox"]:checked + span::after {
    display: none;
}

.Survey .n-custom-check [type="checkbox"]:checked + span:before,
.Survey .n-custom-check [type="checkbox"]:not(:checked) + span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    width: 20px;
    height: 20px;
    border: 1px solid #BDBDBD;
    border-radius: 2px !important;
    background-color: white;
    width: 20px;
    height: 20px;
    appearance: none !important;
    margin: 2px !important;
    -webkit-appearance: none;
}

.Survey .Question.n-custom-check [type="checkbox"]:checked + span::before {
    border-color: #336BFF !important;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiByeD0iMiIgZmlsbD0iIzMzNkJGRiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1LjY1MzggNy4xNjQyMUw4LjU4MjczIDE0LjIzNTNMNC4zNDAwOSA5Ljk5MjY0TDUuNzU0MyA4LjU3ODQzTDguNTgyNzMgMTEuNDA2OUwxNC4yMzk2IDUuNzVMMTUuNjUzOCA3LjE2NDIxWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
    background-position: center;
    border-radius: 2px !important;
    background-color: #336BFF;
    background-size: cover !important;
}

/*Radiobutton*/

.Survey .n-custom-radio [type="radio"]:checked + span:before,
.Survey .n-custom-radio [type="radio"]:not(:checked) + span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    min-width: 18px;
    max-width: 18px;
    height: 18px;
    border: 1px solid #c4c4bf;
    border-radius: 100%;
    background: #fff;
}

.Survey .n-custom-radio [type="radio"]:checked + span:before {
    outline: 3px solid #FFFFFF;
    outline-offset: -4px;
    background-color: #336BFF !important;
}

.Survey .n-custom-radio [type="radio"]:checked + span:after,
.Survey .n-custom-radio [type="radio"]:not(:checked) + span:after {
    display: none;
}


/*Hover*/
.Survey .n-custom-check [type="checkbox"]:not([disabled]):hover:checked + span:before,
.Survey .n-custom-check [type="checkbox"]:not([disabled]):hover:not(:checked) + span:before,
.Survey .n-custom-radio [type="radio"]:not([disabled]):hover:not(:checked) + span:before,
.Survey .n-custom-radio [type="radio"]:not([disabled]):hover:checked + span:before {
    border-color: #336BFF;
    cursor: pointer;
}
/*Focus*/
.Survey .n-custom-check [type="checkbox"]:focus:checked + span::before,
.Survey .n-custom-check [type="checkbox"]:focus:not(:checked) + span::before,
.Survey .n-custom-radio [type="radio"]:focus:checked + span:before,
.Survey .n-custom-radio [type="radio"]:focus:not(:checked) + span:before {
    outline: #D6E1FF solid 3px !important;
}
/*Disabled*/
.Survey .Page .Question.n-custom-check [type="checkbox"][disabled] + span::before,
.Survey .Page .Question.n-custom-radio [type="radio"][disabled] + span::before {
    border-color: #F2EEEE !important;
    background-color: white !important;
    color: #BBDAF2;
    box-shadow: none !important;
}

.Survey .Page .Question.n-custom-radio [type="radio"]:checked[disabled] + span::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjYiIGZpbGw9IiNCQkRBRjIiLz4KPC9zdmc+Cg==");
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.Survey.Print .Page .Question.n-custom-radio [type="radio"]:checked[disabled] + span::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMTJDOS4zMTM3MSAxMiAxMiA5LjMxMzcxIDEyIDZDMTIgMi42ODYyOSA5LjMxMzcxIDAgNiAwQzIuNjg2MjkgMCAwIDIuNjg2MjkgMCA2QzAgOS4zMTM3MSAyLjY4NjI5IDEyIDYgMTJaIiBmaWxsPSIjMUMxQzFDIi8+Cjwvc3ZnPgo=);
    border-color: #BDBDBD !important;
}

.Survey .Question.n-custom-radio .qtButton .Answer.Selected label span {
    margin-top: 0px;
}






/*FORM MODALS---------------------------------------------------------------*/

/*overlay*/
.SurveyTrigger .ui-widget-overlay {
    background: #00000066;
    opacity: initial;
}

/*Outer modal*/
.SurveyTrigger ~ .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable {
    box-shadow: 0px 0px 20px 0px #00000014;
    box-shadow: 0px 0px 8px 0px #0000001F;
    border: none;
    border-radius: 8px;
    padding: 40px !important;
}

@media screen and (min-width: 501px) {
    .SurveyTrigger ~ .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable {
        width: 500px !important;
    }
}

/*Invisible modal header*/
.SurveyTrigger ~ .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
    padding-top: 0px;
}

/*Close-thick button*/
.SurveyTrigger ~ .ui-dialog .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle.ui-dialog-titlebar .ui-dialog-titlebar-close {
    position: absolute;
    right: 0;
    top: 100%;
    margin: 0;
    padding: 0px;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    background-color: #F5F5F5 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTk5NzggOS40MTQ5N0wxMy42NTY2IDE1LjA3MThMMTUuMDcwOCAxMy42NTc2TDkuNDEzOTkgOC4wMDA3NUwxNS4wNzA4IDIuMzQzOUwxMy42NTY2IDAuOTI5Njg4TDcuOTk5NzggNi41ODY1NEwyLjM0MjkyIDAuOTI5NjkxTDAuOTI4NzExIDIuMzQzOUw2LjU4NTU3IDguMDAwNzVMMC45Mjg3MTEgMTMuNjU3NkwyLjM0MjkyIDE1LjA3MThMNy45OTk3OCA5LjQxNDk3WiIgZmlsbD0iIzFDMUMxQyIvPgo8L3N2Zz4K") !important;
}

.SurveyTrigger ~ .ui-dialog .ui-button-icon-only .ui-icon {
    position: absolute;
    top: 100%;
    left: 0%;
    width: 28px !important;
    height: 28px !important;
    margin-top: 0px;
    margin-left: 0px;
}



/*Modal content*/
.SurveyTrigger ~ .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable .ui-dialog-content.ui-widget-content {
    padding: 0px;
    font-size: 24px;
    font-weight: 800;
    background-color: transparent !important;
    max-width: 90%;
    border-radius: 0px;
}

/*Modal button container*/
.SurveyTrigger ~ .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
    padding: 20px 0px 0px 0px !important;
}

/*Modal buttons*/
.SurveyTrigger ~ .ui-dialog .ui-dialog-buttonpane button {
    border: none;
    font-weight: 500 !important;
    color: var(--textDarkBlue) !important;
    background: #F5F5F5 !important;
    box-shadow: none;
    border-radius: 100px;
    text-transform: capitalize;
    cursor: pointer !important;
    margin: 5px !important;
    padding: 8px 20px;
    float: right;
    font-size: 16px !important;
}

    .SurveyTrigger ~ .ui-dialog .ui-dialog-buttonpane button:hover {
        color: #336BFF !important;
    }

    /*Modal primary button*/
    .SurveyTrigger ~ .ui-dialog .ui-dialog-buttonpane button:first-of-type {
        background-color: #336BFF !important;
        color: white !important;
        margin-right: 0px !important;
    }
        /*Modal primary button:hover*/
        .SurveyTrigger ~ .ui-dialog .ui-dialog-buttonpane button:first-of-type:hover {
            background-color: #2650BF !important;
        }

.SurveyTrigger ~ .ui-dialog button > span.ui-icon {
    visibility: hidden;
}


/*FORM 5.1 MODALS---------------------------------------------------------------*/


/*Outer modal*/
.SurveyDialog.ui-dialog {
    box-shadow: 0px 0px 20px 0px #00000014;
    box-shadow: 0px 0px 8px 0px #0000001F;
    border: none;
    border-radius: 8px;
    padding: 40px !important;
}

@media screen and (min-width: 501px) {
    .SurveyDialog.ui-dialog {
        width: 500px !important;
    }
}

/*Invisible modal header*/
.SurveyDialog.ui-dialog .ui-dialog-titlebar {
    padding-top: 0px;
}

    /*Close-thick button*/
    .SurveyDialog.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
        position: absolute;
        right: 0;
        top: 100%;
        margin: 0;
        padding: 0px;
        height: 30px;
        width: 30px;
        border-radius: 100%;
        background-color: #F5F5F5 !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTk5NzggOS40MTQ5N0wxMy42NTY2IDE1LjA3MThMMTUuMDcwOCAxMy42NTc2TDkuNDEzOTkgOC4wMDA3NUwxNS4wNzA4IDIuMzQzOUwxMy42NTY2IDAuOTI5Njg4TDcuOTk5NzggNi41ODY1NEwyLjM0MjkyIDAuOTI5NjkxTDAuOTI4NzExIDIuMzQzOUw2LjU4NTU3IDguMDAwNzVMMC45Mjg3MTEgMTMuNjU3NkwyLjM0MjkyIDE1LjA3MThMNy45OTk3OCA5LjQxNDk3WiIgZmlsbD0iIzFDMUMxQyIvPgo8L3N2Zz4K") !important;
    }

.SurveyDialog.ui-dialog .ui-button-icon-only .ui-icon {
    position: absolute;
    top: 100%;
    left: 0%;
    width: 28px !important;
    height: 28px !important;
    margin-top: 0px;
    margin-left: 0px;
}

/*Modal content*/
.SurveyDialog.ui-dialog .ui-dialog-content {
    padding: 0px;
    font-size: 24px;
    font-weight: 800;
    background-color: transparent !important;
    max-width: 90%;
    border-radius: 0px;
}

/*Modal button container*/
.SurveyDialog.ui-dialog .ui-dialog-buttonpane {
    padding: 20px 0px 0px 0px !important;
}

    /*Modal buttons*/
    .SurveyDialog.ui-dialog .ui-dialog-buttonpane button {
        border: none;
        font-weight: 500 !important;
        color: var(--textDarkBlue) !important;
        background: #F5F5F5 !important;
        box-shadow: none;
        border-radius: 100px;
        text-transform: capitalize;
        cursor: pointer !important;
        margin: 5px !important;
        padding: 8px 20px;
        float: right;
        font-size: 16px !important;
    }

        .SurveyDialog.ui-dialog .ui-dialog-buttonpane button:hover {
            color: #336BFF !important;
        }

        /*Modal primary button*/
        .SurveyDialog.ui-dialog .ui-dialog-buttonpane button:first-of-type {
            background-color: #336BFF !important;
            color: white !important;
            margin-right: 0px !important;
        }
            /*Modal primary button:hover*/
            .SurveyDialog.ui-dialog .ui-dialog-buttonpane button:first-of-type:hover {
                background-color: #2650BF !important;
            }







.Survey * {
    word-break: keep-all !important;
}



/*FIXES FOR CUSTOM CLASSES AND GLOBAL CSS-----------------------------*/
/*Fix - Indented Heading------------------------*/

.Page.n-compact-page > .Header > .Name {
    padding-left: 0px !important;
    margin-left: initial !important;
}

/*Fix custom checkboxes and radio---------------*/
.n-custom-check .Answer label span,
.n-custom-radio .Answer label span {
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-align: left !important;
}

/*Fix - disabled and align check/radios*/
.n-custom-check .Answer label,
.n-custom-radio .Answer label {
    display: inline-flex !important;
    align-items: center !important;
}

    .n-custom-check .Answer label span::before,
    .n-custom-radio .Answer label span::before {
        position: static !important;
        min-height: 18px !important;
        min-width: 18px !important;
        max-height: 18px !important;
        max-width: 18px !important;
    }

.n-custom-check .Answer.Disabled label span::before,
.n-custom-radio .Answer.Disabled label span::before {
    border-color: #F2EEEE !important;
}
/*
.n-custom-check .Answer.Disabled label span,
.n-custom-radio .Answer.Disabled label span {
    color: #E0E0E0 !important;
}
*/
.Survey .InputLoader {
    height: 0px;
}


.Survey.Print .Navigation,
.Survey.Print .LanguageSelector {
    display: none !important;
}

.DoneDate {
    margin-top: 10px !important;
}

/*Helptextbutton height fix*/
.Survey .QuestionText:has(.link-button.round.icon.icon-info.xsmall) > span.Name {
    display: inline-block;
}

.link-button.round.icon.icon-info.xsmall {
    margin-bottom: -10px !important;
}

.Survey .QuestionText {
    padding-bottom: 2px !important;
}



/*PDF----------------------------*/


	
/*Text-change (all > helvetica)*/
.Survey.Print,
.Survey.Print *,
.Survey.Print .Question .Answers input[type=text],
.Survey.Print .Question .Answers input[type=password],
.Survey.Print .Question .Answers input[type=email],
.Survey.Print .Question .Answers select,
.Survey.Print .Page > .Header > .Name,
.Survey.Print .Page .Section select option,
.Survey.Print .Section > .Header > .Name,
.Survey.Print textarea,
.Survey.Print .qtInformation .DescriptionText span,
.Survey.Print .qtInformation .DescriptionText,
.Survey.Print a{
     font-family: 'Helvetica' !important;
}



body:has(.Survey.Print) {
    background-color: white !important;
}

.Survey.Print,
.Survey.Print .SurveyBody {
    padding: 0px !important;
}

/*PDF Header*/

.SurveyTrigger:not(.Preview) > div#SurveyDiv:has(.Survey.Print) {
    background-color: white !important;
}

/*Logo*/
.Survey.Print .Page:not(.n-compact-page):first-of-type > .Header {
    border-radius: 0px;
    padding-left: 10px !important;
    margin-left: 0px !important;
}



.Survey.Print .Page:first-of-type > .Header {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTY1IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgNTY1IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cmVjdCB3aWR0aD0iNTY1IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTU5XzE5NikiPgo8cGF0aCBkPSJNNzEuODE3OSAzLjk2NDM2VjE5LjY4NzZINzUuMDUwMVYxNC4yMjE0Qzc1LjA1MDEgMTIuMjYxOCA3NS4wMTQ3IDEwLjQyNDQgNzQuOTQzOSA4Ljc1Nzk4Qzc1Ljc4MzUgMTAuMjQ5MiA3Ni43NTQ3IDExLjgwNDkgNzcuNzU5NSAxMy4zNzY1TDc3Ljc1OTggMTMuMzc3MUw4MS43MDkgMTkuNjg3Nkg4NS4xNjcxVjMuOTY0MzZIODEuOTM0OVY5LjcxMzUzQzgxLjkzNDkgMTEuNTkzOSA4MS45NTIxIDEzLjIzNDggODIuMDE3NiAxNC43NDIzQzgxLjI1MDQgMTMuMzg5MiA4MC4zODc5IDEyLjAwNTYgNzkuNTA5NSAxMC42MjQxTDc1LjM0MTYgMy45NjQzNkg3MS44MTc5WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTI5LjQ2NzUgMTkuNTU3NFY0LjEzODEzSDM2LjcxNlYxOS41NTAzTDU1LjQzMzYgNC4xMzc4MUg2NC41Njc4TDQ1Ljg0MjkgMTkuNTU3MUwyOS40Njc1IDE5LjU1NzRaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMjAuMzMyNyA0LjEzODA3TDEuNjA3MTIgMTkuNTU3SDEwLjc0MTlMMjkuNDY3NSA0LjEzODEzTDIwLjMzMjcgNC4xMzgwN1oiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOTEuOTg1NiA3LjkyNzlDOTAuMjQ5NyA3LjkyNzkgODguNzY3NCA4LjUzODQ0IDg3LjcxOSA5LjYwNTcxQzg2LjY3MDcgMTAuNjcyOCA4Ni4wNjQ3IDEyLjE4OCA4Ni4wNjQ3IDEzLjk4MkM4Ni4wNjQ3IDE1Ljc3NjEgODYuNjcwNyAxNy4yOTExIDg3LjcxOSAxOC4zNTgxQzg4Ljc2NzUgMTkuNDI1MyA5MC4yNDk4IDIwLjAzNTggOTEuOTg1NiAyMC4wMzU4QzkzLjcxMDYgMjAuMDM1OCA5NS4xODc0IDE5LjQyNTIgOTYuMjMzIDE4LjM1OEM5Ny4yNzg0IDE3LjI5MSA5Ny44ODQ0IDE1Ljc3NjEgOTcuODg0NCAxMy45ODJDOTcuODg0NCAxMi4xODggOTcuMjc4NCAxMC42NzI5IDk2LjIzMyA5LjYwNTg0Qzk1LjE4NzQgOC41Mzg2IDkzLjcxMDYgNy45Mjc5IDkxLjk4NTYgNy45Mjc5Wk04OS4yMDk4IDEzLjk4MkM4OS4yMDk4IDEyLjkzNzMgODkuNDkzMSAxMi4wODY5IDg5Ljk3NzQgMTEuNTAwM0M5MC40NTk4IDEwLjkxNiA5MS4xNDkgMTAuNTg0IDkxLjk4NTYgMTAuNTg0QzkyLjgxMDcgMTAuNTg0IDkzLjQ5NDUgMTAuOTE1NiA5My45NzQ0IDExLjUwMDFDOTQuNDU2MyAxMi4wODY4IDk0LjczOTcgMTIuOTM3MyA5NC43Mzk3IDEzLjk4MkM5NC43Mzk3IDE1LjAzNzggOTQuNDU2MiAxNS44ODgxIDkzLjk3NDYgMTYuNDcxOUM5My40OTUgMTcuMDUzMyA5Mi44MTEzIDE3LjM4MDEgOTEuOTg1NiAxNy4zODAxQzkxLjE0ODMgMTcuMzgwMSA5MC40NTkyIDE3LjA1MjkgODkuOTc3MiAxNi40NzE2Qzg5LjQ5MzIgMTUuODg4IDg5LjIwOTggMTUuMDM3OCA4OS4yMDk4IDEzLjk4MloiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xMDQuMzMxIDguMTI0MTJDMTAzLjU4NyA4LjEyNDEyIDEwMi45NzYgOC4zMTU2OSAxMDIuNDc3IDguNjU1NjlDMTAyLjEwOSA4LjkwNjQ1IDEwMS44MDYgOS4yMzUxMSAxMDEuNTU2IDkuNjE5NDdWOC4yOTgwM0g5OC42NzNWMTkuNjg3NkgxMDEuNzc0VjE0LjA5MDhDMTAxLjc3NCAxMy4wODU2IDEwMi4wMSAxMi4zMDg3IDEwMi40NTMgMTEuNzg0OEMxMDIuODkzIDExLjI2NDUgMTAzLjU1MyAxMC45NzYxIDEwNC40NCAxMC45NzYxQzEwNC44MDMgMTAuOTc2MSAxMDUuMjExIDExLjAxODYgMTA1LjY5IDExLjA4MzlMMTA1LjgzOCAxMS4xMDQxVjguMjU2MjFMMTA1LjczMyA4LjIzNTM2QzEwNS4zOTUgOC4xNjc5OSAxMDQuODgzIDguMTI0MTIgMTA0LjMzMSA4LjEyNDEyWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMTMuOTAzIDMuOTY0MzZWOS4yMTIwN0MxMTMuMTQyIDguNDA5NzIgMTEyLjA4MSA3Ljk3MTQ3IDExMC42NjggNy45NzE0N0MxMDkuMiA3Ljk3MTQ3IDEwNy45MTggOC41NTg3OSAxMDcuMDA1IDkuNjExNTdDMTA2LjA5MyAxMC42NjMxIDEwNS41NTYgMTIuMTcwOCAxMDUuNTU2IDE0LjAwMzZDMTA1LjU1NiAxNS44MjUxIDEwNi4wODIgMTcuMzI3MyAxMDYuOTgzIDE4LjM3NjNDMTA3Ljg4NSAxOS40MjY3IDEwOS4xNTYgMjAuMDE0MiAxMTAuNjI0IDIwLjAxNDJDMTEyLjE3OCAyMC4wMTQyIDExMy4zMjUgMTkuNDQ5MSAxMTQuMSAxOC40Nzg1VjE5LjY4NzZIMTE3LjAwM1YzLjk2NDM2SDExMy45MDNaTTEwOC43IDE0LjAwMzZDMTA4LjcgMTIuOTY5OCAxMDguOTc4IDEyLjEzNTUgMTA5LjQ0NCAxMS41NjI0QzEwOS45MDggMTAuOTkxNiAxMTAuNTY1IDEwLjY3MTQgMTExLjM0NSAxMC42NzE0QzExMi4wODMgMTAuNjcxNCAxMTIuNzQgMTAuOTc1OCAxMTMuMjE1IDExLjUzOTZDMTEzLjY5MSAxMi4xMDQ4IDExMy45OSAxMi45Mzg2IDExMy45OSAxNC4wMDM2QzExMy45OSAxNS4wNDc3IDExMy43MDIgMTUuODg3NSAxMTMuMjI1IDE2LjQ2MzZDMTEyLjc1IDE3LjAzNzkgMTEyLjA4MiAxNy4zNTg1IDExMS4zMDEgMTcuMzU4NUMxMTAuNSAxNy4zNTg1IDEwOS44NTUgMTcuMDI4MyAxMDkuNDA4IDE2LjQ1MDVDMTA4Ljk1OCAxNS44Njk1IDEwOC43IDE1LjAyODkgMTA4LjcgMTQuMDAzNloiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xMjQuNSA3LjkyNzlDMTIzLjA1NSA3LjkyNzkgMTIxLjk2IDguNDg0MjkgMTIxLjI0MyA5LjMyOTc4VjguMjk4MDJIMTE4LjM2VjE5LjY4NzZIMTIxLjQ2MlYxMi44Mjc4QzEyMS40NjIgMTIuMTU5OCAxMjEuNjgxIDExLjYxMSAxMjIuMDQ4IDExLjIzMDFDMTIyLjQxNCAxMC44NDk1IDEyMi45MzcgMTAuNjI3NSAxMjMuNTYgMTAuNjI3NUMxMjQuMjExIDEwLjYyNzUgMTI0LjY5NyAxMC44MjA1IDEyNS4wMjIgMTEuMTY4NkMxMjUuMzQ3IDExLjUxODIgMTI1LjUyNyAxMi4wNDMgMTI1LjUyNyAxMi43NDA2VjE5LjY4NzZIMTI4LjYyOFYxMS45MzQ5QzEyOC42MjggMTAuNzc1NyAxMjguMjcgOS43NzExMSAxMjcuNTY3IDkuMDU1ODVDMTI2Ljg2MyA4LjM0MDA0IDEyNS44MjcgNy45Mjc5IDEyNC41IDcuOTI3OVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTM1LjIwNiA3LjkyNzlDMTMzLjQwMyA3LjkyNzkgMTMxLjk2MyA4LjU3ODAxIDEzMC45NzQgOS42NzUxOUMxMjkuOTg3IDEwLjc3MDcgMTI5LjQ2IDEyLjMwMTEgMTI5LjQ2IDE0LjA0NzJDMTI5LjQ2IDE1Ljg0OCAxMjkuOTk4IDE3LjM0NzggMTMxLjAxIDE4LjM5OEMxMzIuMDIyIDE5LjQ0OSAxMzMuNDk2IDIwLjAzNTggMTM1LjMzOCAyMC4wMzU4QzEzNi40OTQgMjAuMDM1OCAxMzcuNjMxIDE5Ljc0NzYgMTM4LjU1MyAxOS4xMDAyQzEzOS40NzggMTguNDUxMyAxNDAuMTc4IDE3LjQ0NzIgMTQwLjQ2OSAxNi4wMzM0TDE0MC41MDEgMTUuODc3SDEzNy41MThMMTM3LjQ4NyAxNS45NjMxQzEzNy4yOSAxNi41MTE1IDEzNi45NjYgMTYuODYyMyAxMzYuNTgyIDE3LjA3OEMxMzYuMTk1IDE3LjI5NTMgMTM1LjczOCAxNy4zODAxIDEzNS4yNzIgMTcuMzgwMUMxMzQuNDI4IDE3LjM4MDEgMTMzLjc4IDE3LjEwMjcgMTMzLjMxNSAxNi42MzdDMTMyLjg3OCAxNi4xOTg1IDEzMi41OTUgMTUuNTg0MSAxMzIuNDczIDE0Ljg1MjhIMTQwLjUwM0wxNDAuNTE0IDE0LjczNTVDMTQwLjUzNyAxNC41MTE2IDE0MC41NTkgMTMuOTg0NyAxNDAuNTU5IDEzLjYzMzVDMTQwLjU1OSAxMS44OTA5IDE0MC4wOTQgMTAuNDYxOSAxMzkuMTg0IDkuNDY3NDZDMTM4LjI3MiA4LjQ3MTI3IDEzNi45MjggNy45Mjc5IDEzNS4yMDYgNy45Mjc5Wk0xMzcuNTc3IDEyLjYxMDRIMTMyLjU3M0MxMzIuNzMxIDExLjk2OTggMTMzLjAxNCAxMS40MzcyIDEzMy40MTcgMTEuMDU3NkMxMzMuODQ5IDEwLjY0OTIgMTM0LjQyOCAxMC40MDk3IDEzNS4xNjIgMTAuNDA5N0MxMzUuOTIyIDEwLjQwOTcgMTM2LjQ5OCAxMC42NDAyIDEzNi44OTggMTEuMDM4OEMxMzcuMjczIDExLjQxMjYgMTM3LjUwNSAxMS45NDY1IDEzNy41NzcgMTIuNjEwNFoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xNDIuMTc4IDQuOTAwNzdWOC4yOThIMTQwLjE4OVYxMC42NzE0SDE0Mi4xNzhWMTYuNzI2MUMxNDIuMTc4IDE3Ljc3NDUgMTQyLjM5MyAxOC41ODk0IDE0Mi45MzYgMTkuMTM5N0MxNDMuNDggMTkuNjkwMiAxNDQuMzI1IDE5Ljk0OSAxNDUuNTIgMTkuOTQ5QzE0Ni4wNzkgMTkuOTQ5IDE0Ni44MzMgMTkuODYwMSAxNDcuNjUxIDE5LjYzOTZMMTQ3Ljc0NyAxOS42MTM2VjE3LjAwMDRMMTQ3LjU5IDE3LjAzNDFDMTQ2Ljk4NCAxNy4xNjM3IDE0Ni42IDE3LjIwNTQgMTQ2LjI4NCAxNy4yMDU0QzE0NS45NDMgMTcuMjA1NCAxNDUuNjk4IDE3LjE1MDkgMTQ1LjUzOCAxNy4wMTU4QzE0NS4zODMgMTYuODg0OSAxNDUuMjc5IDE2LjY1MyAxNDUuMjc5IDE2LjIyNTNWMTAuNjcxNEgxNDcuOTQ1VjguMjk4SDE0NS4yNzlWNC45MDA3N0gxNDIuMTc4WiIgZmlsbD0iYmxhY2siLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xNTlfMTk2Ij4KPHJlY3Qgd2lkdGg9IjE1MCIgaGVpZ2h0PSIxNi4wNzE0IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAzLjk2NDM2KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
    background-size: 100% auto !important;
    background-repeat: no-repeat;
    background-position-x: 9px !important;
    background-position: top;
    padding-top: 0px !important;
    padding-left: 10px !important;
    margin-left: 0px !important;
}

.Survey.Print .Page:first-of-type > .Header > .Name {
    padding-top: 40px;
}

.Survey.Print,
.Survey .SurveyBody,
.Survey.Print .Page,
.Survey.Print .Sections,
.Survey.Print .Sections .Section {
    border-top: 0px !important;
    background-color: white !important;
}

    .Survey.Print .PageTabs {
        border: none !important;
    }

    .Survey.Print .Page:not(.n-compact-page) {
        padding-left: 0px !important;
    }

    .Survey.Print * {
        font-size: 11px;
    }

    .Survey.Print .Section .QuestionText {
        padding-bottom: 0px !important;
    }

    .Survey.Print .Page:not(.HideName) > .Header > .Name {
        font-size: 20px;
    }

    .Survey.Print .Section > .Header .Name {
        font-size: 16px;
        line-height: 21px !important;
    }

    .Survey.Print .QuestionText span {
        font-size: 14px;
    }

    .Survey.Print .Page .Section {
        padding-left: 0px !important;
    }

    .Survey.Print .Page .Sections {
        padding-left: 10px !important;
        padding-right: 0px !important;
    }

    /*Fields*/
    .Survey.Print .Answers .Answer > span,
    .Survey.Print .Answers .Answer > div,
    .Survey.Print .qtDate .Answers > span,
    .Survey.Print .Question.n-internal-field div[data-bind="text: SelectedAnswer.Answered"],
    .Survey.Print .qtTextRow .Answers > span[data-bind*="Number"] {
        border-radius: 8px;
        display: inline-flex !important;
        align-items: center;
        padding-left: 8px !important;
        padding-right: 8px !important;
        width: 100% !important;
        min-height: 34px !important;
        background-color: #F5F5F5 !important;
    }

    /*Stop inputed text from getting cut in the pdf*/
  .Survey.Print .Answers .Answer > span {
    word-break: break-all !important;
  }

    .Survey.Print .Question.n-internal-field {
        border: none !important;
        height: auto;
    }

    .Survey.Print .Question .Answers {
        padding: 3px 7px 3px 0px !important;
    }
    /*Checkbox*/
    .Survey.Print .qtCheckbox:not(.qtButton) input[type="checkbox"]:checked {
        border-color: white !important;
        border-radius: 2px !important;
        background-size: 20px !important;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjk2NDIzMyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiByeD0iMiIgZmlsbD0iIzFDMUMxQyIvPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTAzXzE0MykiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjE1NjggNi4xMzU3N0w3LjA4NTc4IDEzLjIwNjhMMi44NDMxNCA4Ljk2NDJMNC4yNTczNSA3LjU0OTk4TDcuMDg1NzggMTAuMzc4NEwxMi43NDI2IDQuNzIxNTZMMTQuMTU2OCA2LjEzNTc3WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMDNfMTQzIj4KPHJlY3Qgd2lkdGg9IjExLjMxMzciIGhlaWdodD0iOC40ODUyOCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuODQzMTQgNC43MjE1NikiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");
        min-width: 20px !important;
        max-width: 20px !important;
    }
    /*custom Checkbox*/
    .Survey.Print .Question.n-custom-check [type="checkbox"]:checked + span::before {
        border-color: white !important;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjk2NDIzMyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiByeD0iMiIgZmlsbD0iIzFDMUMxQyIvPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTAzXzE0MykiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjE1NjggNi4xMzU3N0w3LjA4NTc4IDEzLjIwNjhMMi44NDMxNCA4Ljk2NDJMNC4yNTczNSA3LjU0OTk4TDcuMDg1NzggMTAuMzc4NEwxMi43NDI2IDQuNzIxNTZMMTQuMTU2OCA2LjEzNTc3WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMDNfMTQzIj4KPHJlY3Qgd2lkdGg9IjExLjMxMzciIGhlaWdodD0iOC40ODUyOCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuODQzMTQgNC43MjE1NikiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");
        min-width: 20px !important;
        max-width: 20px !important;
        background-position: center;
        border-radius: 2px !important;
        background-color: #336BFF;
        background-size: 20px !important;
    }
    /*Custom radio*/
    .Survey.Print .n-custom-radio [type="radio"]:checked + span:before {
        outline: 3px solid #FFFFFF;
        outline-offset: -4px;
        background-color: #1C1C1C !important;
    }

    .Survey.Print .n-custom-check .Answer label span,
    .Survey.Print .n-custom-radio .Answer label span {
        font-size: 11px !important;
    }
    /*Radio*/
    .Survey.Print .qtRadio:not(.qtButton) input[type="radio"]:checked {
        outline: 3px solid #FFFFFF;
        border: solid 1px #BDBDBD !important;
        outline-offset: -4px;
        background-color: #1C1C1C !important;
        background-image: none !important;
        background-repeat: no-repeat;
        background-position: center;
    }



    /*Cards*/
    .Survey.Print .Question.Card .Answer:has(input:checked),
    .Survey.Print .Question.Card .Answer:hover:has(input:checked) {
        border: solid 2px #1C1C1C !important;
        background-color: #F2F2F2 !important;
    }
    /*Togglebuttons*/
    .Survey.Print .qtToggle .toggle input[type]:disabled:checked {
        background-color: #1C1C1C !important;
        border-color: #1C1C1C !important;
    }

        .Survey.Print .qtToggle .toggle input[type]:disabled:checked::after {
            background-color: white !important;
        }

    .Survey.Print .Question.Card .Answer {
        background-color: #F2F2F2 !important;
        border: solid 2px #F5F5F5;
    }

    .Survey.Print .qtToggle .toggle input[type]::after {
        transition: var(--transition);
        border: solid 1px #E0E0E0;
        content: '';
        position: absolute;
        top: -3px;
        left: -2px;
        width: 16px;
        height: 16px;
        box-shadow: none;
        background-color: white;
        border-radius: 100%;
    }

    .Survey.Print .qtToggle .toggle input[type] {
        transition: var(--transition);
        position: relative;
        top: calc(50% - 0.55em);
        height: 16px;
        width: 30px;
        border: solid 1px #E0E0E0;
        background-color: #E0E0E0;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
        margin: 0 3px 0px 0px !important;
    }

        .Survey.Print .qtToggle .toggle input[type]:disabled::after {
            background-color: white !important;
        }

        .Survey.Print .qtToggle .toggle input[type]:disabled:checked::after {
            background-color: white !important;
            left: 50%;
            top: -20%;
        }

    .Survey.Print .Question.Card.multi .Answer input:checked::before {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMCAyMEMxNS41MjI4IDIwIDIwIDE1LjUyMjggMjAgMTBDMjAgNC40NzcxNSAxNS41MjI4IDAgMTAgMEM0LjQ3NzE1IDAgMCA0LjQ3NzE1IDAgMTBDMCAxNS41MjI4IDQuNDc3MTUgMjAgMTAgMjBaTTE1LjY2OTUgNy40MTkzOUw4LjE1NjQ1IDE0LjkzMjRMMy43MzcwMyAxMC41MTNMNS41MDQ4IDguNzQ1MjJMOC4xNTY0NSAxMS4zOTY5TDEzLjkwMTcgNS42NTE2M0wxNS42Njk1IDcuNDE5MzlaIiBmaWxsPSIjMUMxQzFDIi8+Cjwvc3ZnPgo=");
        background-repeat: no-repeat;
        background-position: center;
    }
    /*	
.Survey.Print .Question.Card.single .Answer input:checked::before {
      outline: 3px solid #FFFFFF !important;
	background-color: white !important;
	border: solid 1px #BDBDBD !important;
    outline-offset: -4px;
    background-color: #1C1C1C !important;
	background-image: none !important;
    background-repeat: no-repeat;
    background-position: center;
}
*/
    /*Section headings*/

    .Survey.Print .Section > .Header {
        border-bottom: solid 1px #1C1C1C;
        margin-bottom: 10px;
    }

    .Survey.Print .qtDate span.placeholder {
        visibility: visible !important;
    }


    /*Expandable section fix in pdf*/

    .Survey.Print .Section.Expandable .Questions {
        display: inline-block;
    }

    .Survey.Print .Section.Expandable {
        border: none !important;
        box-shadow: none !important;
    }

        .Survey.Print .Section.Expandable > .Header > .Name::after {
            display: none;
        }

    .Survey.Print .qtFile .Files > div.Clickable {
        padding: 2px 8px;
        background-color: #F2F2F2;
    }

    .Survey.Print .qtFile .Thumbs .BoxInner img,
    .Survey.Print .qtFile .Thumbs .BoxInner:hover img {
        height: 0px;
    }

    .Survey.Print .qtFile .Thumbs .BoxInner,
    .Survey.Print .qtFile .Thumbs .Box {
        padding: 0px !important;
    }

    .Survey.Print .qtText .Answers .Answer > div {
        padding: 8px 2px !important;
    }

    .Survey.Print .qtFile .Icon.Delete,
    .Survey.Print .qtFile .Thumbs .Name::before {
        display: none !important;
    }

    .Survey.Print .qtFile .Files > div::before,
    .Survey.Print .qtFile .Thumbs .Info a::before {
        display: inline-block !important;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDhINVY2SDExVjhaIiBmaWxsPSIjMUMxQzFDIi8+CjxwYXRoIGQ9Ik01IDEySDExVjEwSDVWMTJaIiBmaWxsPSIjMUMxQzFDIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNDE0MiAwSDFWMTZIMTVWMy41ODU3OUwxMS40MTQyIDBaTTMgMTRWMkgxMC41ODU4TDEzIDQuNDE0MjFWMTRIM1oiIGZpbGw9IiMxQzFDMUMiLz4KPC9zdmc+Cg==);
        margin-right: 10px;
        height: 20px !important;
        background-size: 16px 16px;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        content: "";
        min-width: 16px;
        border-radius: 0px;
    }

    .Survey.Print .Page.HideName > .Header > .Name {
        display: none !important;
    }

.Survey .Page.HideName > .Header .Name {
    display: none !important;
}

.Survey.Print {
    max-width: 700px;
}

.Survey font[color="#FF0000"],
.Survey font[color="red"]{
    color: hsla(6, 67%, 48%, 1) !important;
}



.Survey .Page .Sections .Question.n-custom-radio .Answers .Answer label,
.Survey .Page .Sections .Question.n-custom-check .Answers .Answer label {
    padding-left: 4px;
}

/*SPACING REDUCTION FOR LONELY QUESTIONS IN SECTIONS*/
.Survey .Section .Questions > .Question:only-of-type .Answers {
    min-height: 0px !important;
}

.Survey table td.Question .Question{
  margin-top: 0px;
}

.Survey .Question .qtCustomTable table tr td{
    padding-top: 20px !important;
}

.Survey .Question .qtCustomTable table tr{
    border-bottom: #EEEEEE solid 1px;
}
.Survey .Question .qtCustomTable .Answers{
    min-height: 70px !important;
}

.Survey .Question .qtCustomTable .Label.Add.Clickable,
.Survey .Question .qtCustom .Label.Add.Clickable{
	margin-top: 10px !important;
}