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