:root { --sweet-primary-25: #fbfbfe; --sweet-primary-50: #f7f8fe; --sweet-primary-75: #f3f4fd; --sweet-primary-100: #eff0fd; --sweet-primary-150: #e7e9fb; --sweet-primary-200: #dee1fa; --sweet-primary-300: #ced2f8; --sweet-primary-400: #bec3f5; --sweet-primary-500: #aeb5f3; --sweet-primary-600: #9da6f0; --sweet-primary-700: #8d97ee; --sweet-primary-800: #7d88eb; --sweet-primary-900: #6c79e9; --sweet-primary-default: #5C6AE6; --sweet-primary-dark-25: #020306; --sweet-primary-dark-50: #05050b; --sweet-primary-dark-75: #070811; --sweet-primary-dark-100: #090b17; --sweet-primary-dark-150: #0e1023; --sweet-primary-dark-200: #12152e; --sweet-primary-dark-300: #1c2045; --sweet-primary-dark-400: #252a5c; --sweet-primary-dark-500: #2e3573; --sweet-primary-dark-600: #37408a; --sweet-primary-dark-700: #404aa1; --sweet-primary-dark-800: #4a55b8; --sweet-primary-dark-900: #535fcf; --sweet-primary-dark-default: #2A3EB7; --sweet-secondary-25: #fbfbfe; --sweet-secondary-50: #f7f8fe; --sweet-secondary-75: #f3f4fd; --sweet-secondary-100: #eff0fd; --sweet-secondary-150: #e7e9fb; --sweet-secondary-200: #dee1fa; --sweet-secondary-300: #ced2f8; --sweet-secondary-400: #bec3f5; --sweet-secondary-500: #aeb5f3; --sweet-secondary-600: #9da6f0; --sweet-secondary-700: #8d97ee; --sweet-secondary-800: #7d88eb; --sweet-secondary-900: #6c79e9; --sweet-secondary-default: #5C6AE6; --sweet-secondary-dark-25: #020306; --sweet-secondary-dark-50: #05050b; --sweet-secondary-dark-75: #070811; --sweet-secondary-dark-100: #090b17; --sweet-secondary-dark-150: #0e1023; --sweet-secondary-dark-200: #12152e; --sweet-secondary-dark-300: #1c2045; --sweet-secondary-dark-400: #252a5c; --sweet-secondary-dark-500: #2e3573; --sweet-secondary-dark-600: #37408a; --sweet-secondary-dark-700: #404aa1; --sweet-secondary-dark-800: #4a55b8; --sweet-secondary-dark-900: #535fcf; --sweet-secondary-dark-default: #2A3EB7; --sweet-tertiary-25: #fffcfc; --sweet-tertiary-50: #fff9f9; --sweet-tertiary-75: #fff6f5; --sweet-tertiary-100: #fff3f2; --sweet-tertiary-150: #ffedec; --sweet-tertiary-200: #fee6e5; --sweet-tertiary-300: #fedad9; --sweet-tertiary-400: #fececc; --sweet-tertiary-500: #fec2bf; --sweet-tertiary-600: #fdb5b2; --sweet-tertiary-700: #fda9a5; --sweet-tertiary-800: #fd9d99; --sweet-tertiary-900: #fc908c; --sweet-tertiary-default: #FC847F; --sweet-tertiary-dark-25: #060303; --sweet-tertiary-dark-50: #0d0706; --sweet-tertiary-dark-75: #130a0a; --sweet-tertiary-dark-100: #190d0d; --sweet-tertiary-dark-150: #261413; --sweet-tertiary-dark-200: #321a19; --sweet-tertiary-dark-300: #4c2826; --sweet-tertiary-dark-400: #653533; --sweet-tertiary-dark-500: #7e4240; --sweet-tertiary-dark-600: #974f4c; --sweet-tertiary-dark-700: #b05c59; --sweet-tertiary-dark-800: #ca6a66; --sweet-tertiary-dark-900: #e37772; --sweet-tertiary-dark-default: #FC847F; --sweet-text-primary-25: #102231; --sweet-text-primary-50: #102231; --sweet-text-primary-75: #102231; --sweet-text-primary-100: #102231; --sweet-text-primary-150: #102231; --sweet-text-primary-200: #102231; --sweet-text-primary-300: #102231; --sweet-text-primary-400: #102231; --sweet-text-primary-500: #102231; --sweet-text-primary-600: #102231; --sweet-text-primary-700: #102231; --sweet-text-primary-800: #ffffff; --sweet-text-primary-900: #ffffff; --sweet-text-primary-default: #ffffff; --sweet-text-primary-inverse: #102231; --sweet-text-primary-dark-25: #ffffff; --sweet-text-primary-dark-50: #ffffff; --sweet-text-primary-dark-75: #ffffff; --sweet-text-primary-dark-100: #ffffff; --sweet-text-primary-dark-150: #ffffff; --sweet-text-primary-dark-200: #ffffff; --sweet-text-primary-dark-300: #ffffff; --sweet-text-primary-dark-400: #ffffff; --sweet-text-primary-dark-500: #ffffff; --sweet-text-primary-dark-600: #ffffff; --sweet-text-primary-dark-700: #ffffff; --sweet-text-primary-dark-800: #ffffff; --sweet-text-primary-dark-900: #ffffff; --sweet-text-primary-dark-default: #ffffff; --sweet-text-primary-dark-inverse: #102231; --sweet-text-secondary-25: #102231; --sweet-text-secondary-50: #102231; --sweet-text-secondary-75: #102231; --sweet-text-secondary-100: #102231; --sweet-text-secondary-150: #102231; --sweet-text-secondary-200: #102231; --sweet-text-secondary-300: #102231; --sweet-text-secondary-400: #102231; --sweet-text-secondary-500: #102231; --sweet-text-secondary-600: #102231; --sweet-text-secondary-700: #102231; --sweet-text-secondary-800: #ffffff; --sweet-text-secondary-900: #ffffff; --sweet-text-secondary-default: #ffffff; --sweet-text-secondary-inverse: #102231; --sweet-text-secondary-dark-25: #ffffff; --sweet-text-secondary-dark-50: #ffffff; --sweet-text-secondary-dark-75: #ffffff; --sweet-text-secondary-dark-100: #ffffff; --sweet-text-secondary-dark-150: #ffffff; --sweet-text-secondary-dark-200: #ffffff; --sweet-text-secondary-dark-300: #ffffff; --sweet-text-secondary-dark-400: #ffffff; --sweet-text-secondary-dark-500: #ffffff; --sweet-text-secondary-dark-600: #ffffff; --sweet-text-secondary-dark-700: #ffffff; --sweet-text-secondary-dark-800: #ffffff; --sweet-text-secondary-dark-900: #ffffff; --sweet-text-secondary-dark-default: #ffffff; --sweet-text-secondary-dark-inverse: #102231; --sweet-text-tertiary-25: #102231; --sweet-text-tertiary-50: #102231; --sweet-text-tertiary-75: #102231; --sweet-text-tertiary-100: #102231; --sweet-text-tertiary-150: #102231; --sweet-text-tertiary-200: #102231; --sweet-text-tertiary-300: #102231; --sweet-text-tertiary-400: #102231; --sweet-text-tertiary-500: #102231; --sweet-text-tertiary-600: #102231; --sweet-text-tertiary-700: #102231; --sweet-text-tertiary-800: #102231; --sweet-text-tertiary-900: #102231; --sweet-text-tertiary-default: #102231; --sweet-text-tertiary-inverse: #ffffff; --sweet-text-tertiary-dark-25: #ffffff; --sweet-text-tertiary-dark-50: #ffffff; --sweet-text-tertiary-dark-75: #ffffff; --sweet-text-tertiary-dark-100: #ffffff; --sweet-text-tertiary-dark-150: #ffffff; --sweet-text-tertiary-dark-200: #ffffff; --sweet-text-tertiary-dark-300: #ffffff; --sweet-text-tertiary-dark-400: #ffffff; --sweet-text-tertiary-dark-500: #ffffff; --sweet-text-tertiary-dark-600: #ffffff; --sweet-text-tertiary-dark-700: #ffffff; --sweet-text-tertiary-dark-800: #ffffff; --sweet-text-tertiary-dark-900: #102231; --sweet-text-tertiary-dark-default: #102231; --sweet-text-tertiary-dark-inverse: #ffffff; --sweet-bg: 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; --sweet-profile-icon: -webkit-linear-gradient(320deg, #817FE4 16.58%, #978AE5 24.28%, #AE95E7 32.49%, #CFA7E9 46.51%, #E4ACE9 62.32%, #F2A7D7 74.18%, #F5A5CA 88.2%); --sweet-help: #FDF2FD; --sweet-error: #FAC7C7; --sweet-error-default-hover: #FFEAEA; --sweet-grey-medium-bg: #dde1e5; --sweet-grey-light-bg: #F8F9FA; --sweet-text-light: #9FA7AD; } 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(--sweet-primary-default); border-color: transparent; color: #fff; } .daterangepicker td.in-range { background-color: var(--sweet-primary-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(--sweet-primary-200); border-color: transparent; color: #000; border-radius: 50px; } .daterangepicker td.active, .daterangepicker td.active:hover:not(.disabled) { background-color: var(--sweet-primary-default); border-color: transparent; color: #fff; } .daterangepicker td.in-range.start-date:not(.disabled), .daterangepicker td.in-range.end-date:not(.disabled) { background-color: var(--sweet-primary-default); color: #fff } .daterangepicker .today { background-color: #fff; color: var(--sweet-primary-default); font-weight: 700; } .daterangepicker td.available:hover { background-color: var(--sweet-primary-default); 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(--sweet-primary-default); color: #fff; } .daterangepicker .drp-buttons .applyBtn:hover { background: var(--sweet-primary-800) !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(--sweet-primary-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: var(--sweet-primary-default) !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: #404E5A !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: #404E5A !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.round, .icon.round::before{ background-size: 24px; } .icon.xlarge, .icon.xlarge::before { background-size: 52px; font-size: 50px; 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; min-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.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_thin.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.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 var(--sweet-primary-200) !important; } :not(.Answer) > .AutoSuggest input.Search:hover { border-color: var(--sweet-primary-500) !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: var(--sweet-primary-800) !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: var(--sweet-primary-100) } .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: var(--sweet-primary-200) !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 var(--sweet-primary-200) !important; } input[type='text']:not(.list-component input, .theming input), input[type='text']:not(.theming input,.list-component input), .new-li input.display-inline, input[type='url']:not(.list-component input,.theming input), input[type='date']:not(.list-component input, .theming input), input[type='password']:not(.list-component input, .theming input), input[type='number']:not(.list-component input, .theming input), textarea, select, div[contenteditable="true"]:not(.ql-editor), .SurveyAdmin input.validation-input { border: none; height: 30px; border-bottom: 2px solid var(--sweet-primary-200); width: 100%; padding-left: 2px; -moz-appearance: none; -webkit-appearance: none; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } input[type='text']:hover:not(.list-component, input: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, .SurveyAdmin input.validation-input:hover { border-color: var(--sweet-primary-500); } input[type='text']:focus:not(.list-component, input:focus, .theming):not(input.required-active), .new-li input.display-inline:focus:not(.theming), input[type='url']:focus:not(.theming), input[type='date']:focus:not(.theming), input[type='password']:focus:not(.theming), input[type='number']:focus:not(.theming), textarea:focus:not(.theming), select:focus:not(.theming), div[contenteditable="true"]:focus:not(.theming), div.mce-edit-area:focus:not(.theming), .SurveyAdmin input.validation-input:focus:not(.theming) { border-color: var(--sweet-primary-800) !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, .SurveyAdmin input.validation-input[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:not(.list-component input:focus):not(.theming):not(.theming *), input[type='date']:focus:not(.list-component input:focus):not(.theming):not(.theming *), input[type='password']:focus:not(.list-component input:focus):not(.theming):not(.theming *), textarea:focus:not(.theming):not(.theming *), select:focus:not(.theming):not(.theming *), div[contenteditable="true"]:focus:not(.theming):not(.theming *) { border: none; border-bottom: 2px solid var(--sweet-primary-800); 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; } img.attest-icon.clickable { opacity: 0; } div.attest-icon:has(img.attest-icon.clickable) { width: 24px; height: 24px; border-radius: 50%; border: 1.5px solid var(--sweet-primary-800); } div.attest-icon:has(img.attest-icon.clickable[src*="active"]) { background-image: url(../Images/Phosphor_icons/Check.svg); background-color: var(--sweet-primary-800); background-size: 17px; background-position: center; background-repeat: no-repeat; } .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: var(--sweet-primary-800) !important; } :root { --textDarkBlue: #102231; --greyLight: #f4f5f6; --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; } .ui-widget-header { background: white !important; color: #333 !important; border-top-left-radius: 30px; border-top-right-radius: 30px; } /* 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; } .Survey .link-button.icon-info { margin: 5px; } .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; } .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.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; margin: 5px 5px 4px; } .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(--sweet-primary-default) !important; outline: none; } .Survey button { border: solid 0px var(--sweet-primary-default); 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; } .SurveyTrigger .Survey { 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: #007BFF; } .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; left: -100000px; top: -100000px; } .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; } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .survey-notification-container { height: 90vh; } .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: 1s linear 0s infinite normal none running spin; width: 3rem; height: 3rem; color: var(--sweet-primary-default); } .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 .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); } .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); } .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; } .survey-client-notification .scn-wrapper { display: flex; align-items: center; justify-content: center; height: 100vh; } .survey-client-notification .scn-container { height: 90vh; } .survey-client-notification .scn-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: 1s linear 0s infinite normal none running spin; width: 3rem; height: 3rem; color: var(--sweet-primary-default); } .survey-client-notification .scn-spinner-container { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; height: 100%; } .survey-client-notification .scn-error { /* Add styles as needed */ } .survey-client-notification .scn-message-dialog { padding: 3rem !important; font-family: Poppins, sans-serif; width: 500px; background: rgb(255, 255, 255); border-radius: 70px; box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.10); display: block; position: relative; max-width: 350px; box-sizing: border-box; text-align: center; overflow-x: hidden; overflow-y: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-bottom: 50px; z-index: 99; } .survey-client-notification .scn-warning-icon { background-image: url(../Images/Phosphor_icons/CloudWarning.svg); background-repeat: no-repeat; text-align: center; width: 80px; height: 80px; margin: 0 auto; padding: 0; position: relative; -webkit-box-sizing: content-box; box-sizing: content-box; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .survey-client-notification .scn-survey-done-loading-message { font-size: 1.4rem; position: relative; z-index: 1; color: #102231; line-height: inherit; margin: 0 12px 12px; font-weight: 500; text-align: center; } .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); } #wrapper svg { top: 0; width: 100%; height: 100%; } .success-checkmark { width: 80px; height: 115px; margin: 0 auto; } .success-checkmark .check-icon { width: 80px; height: 80px; position: relative; border-radius: 50%; box-sizing: content-box; border: 4px solid #4CAF50; } .success-checkmark .check-icon::before { top: 3px; left: -2px; width: 30px; transform-origin: 100% 50%; border-radius: 100px 0 0 100px; } .success-checkmark .check-icon::after { top: 0; left: 30px; width: 60px; transform-origin: 0 50%; border-radius: 0 100px 100px 0; animation: rotate-circle 4.25s ease-in; } .success-checkmark .check-icon::before, .success-checkmark .check-icon::after { content: ''; height: 100px; position: absolute; background: #FFFFFF; transform: rotate(-45deg); } .success-checkmark .check-icon .icon-line { height: 5px; background-color: #102231; display: block; border-radius: 2px; position: absolute; z-index: 10; } .success-checkmark .check-icon .icon-line.line-tip { top: 46px; left: 14px; width: 25px; transform: rotate(45deg); animation: icon-line-tip 0.75s; } .success-checkmark .check-icon .icon-line.line-long { top: 38px; right: 8px; width: 47px; transform: rotate(-45deg); animation: icon-line-long 0.75s; } .success-checkmark .check-icon .icon-circle { top: -4px; left: -4px; z-index: 10; width: 80px; height: 80px; border-radius: 50%; position: absolute; box-sizing: content-box; border: 4px solid #102231; } .success-checkmark .check-icon .icon-fix { top: 8px; width: 5px; left: 26px; z-index: 1; height: 85px; position: absolute; transform: rotate(-45deg); background-color: #FFFFFF; } .error-line { width: 80px; height: 115px; margin: 0 auto; } .error-line .error-icon { width: 80px; height: 80px; position: relative; border-radius: 50%; box-sizing: content-box; border: 4px solid #102231; } .error-line .error-icon::before { top: 0px; left: -2px; width: 40px; transform-origin: 100% 50%; border-radius: 100px 0 0 100px; } .error-line .error-icon::after { top: 0; left: 30px; width: 60px; transform-origin: 0 50%; border-radius: 0 100px 100px 0; animation: rotate-circle 4.25s ease-in; } .error-line .error-icon::before, .error-line .error-icon::after { content: ''; height: 100px; position: absolute; background: #FFFFFF; transform: rotate(-40deg); } .error-line .error-icon .icon-line { height: 5px; background-color: #102231; display: block; border-radius: 2px; position: absolute; z-index: 10; } .error-line .error-icon .icon-line.line { top: 50%; left: 25px; width: 25px; transform: rotate(0deg); animation: run 0.5s 0.5s ease; } .error-line .error-icon .icon-circle { top: -4px; left: -4px; z-index: 10; width: 80px; height: 80px; border-radius: 50%; position: absolute; box-sizing: content-box; border: 4px solid #102231; } .error-line .error-icon .icon-fix { top: 8px; width: 5px; left: 26px; z-index: 1; height: 85px; position: absolute; transform: rotate(90deg); background-color: #FFFFFF; } @keyframes rotate-circle { 0% { transform: rotate(-45deg); } 5% { transform: rotate(-45deg); } 12% { transform: rotate(-405deg); } 100% { transform: rotate(-405deg); } } @keyframes icon-line-tip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes icon-line-long { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @keyframes run { 0% { left: 0; } 100% { left: 50%; } } /*Dialog*/ body { margin: 0; padding: 0; background-color: #fff; } html { font-size: 14px; } #wrapper { display: flex; align-items: center; justify-content: center; height: 100vh; } .message-dialog { padding: 3rem !important; font-family: Poppins,sans-serif; width: 500px; background: rgb(255, 255, 255); border-radius: 70px; box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.10); display: block; position: relative; max-width: 350px; box-sizing: border-box; text-align: center; overflow-x: hidden; overflow-y: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-bottom: 50px; z-index: 99; } .swal2-title { font-size: 1.8rem; position: relative; z-index: 1; color: #102231; line-height: inherit; margin: 0 12px 12px; font-weight: 500; text-align: center; } .swal2-content { color: #454A58; font-size: 1rem; font-weight: 400; position: relative; float: none; margin: 0 12px; padding: 0; line-height: normal; text-align: center; } .warning-icon { background-image: url(../Images/Phosphor_icons/CloudWarning.svg); background-repeat: no-repeat; text-align: center; width: 80px; height: 80px; margin: 0 auto; padding: 0; position: relative; -webkit-box-sizing: content-box; box-sizing: content-box; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /*WRITE PROTECTED*/ .Survey:not(.Print) .Answer span[data-bind="text: SelectedAnswer.Answered"], .Survey:not(.Print) .Answer span[data-bind="text: SelectedAnswer.AnsweredText"], .Survey:not(.Print) .Answer div[data-bind="text: SelectedAnswer.Answered"], .Survey:not(.Print) .Answer div[data-bind="text: SelectedAnswer.AnsweredText"]{ min-height: 50px !important; border-radius: 8px; padding: 13px 10px 13px 10px; display: inline-flex; border: solid 1px white; background-color: white; width: 100%; } /*TOPBAR------------------*/ .SurveyTrigger:not(.Preview) .Survey:not(.Print)::before { margin-bottom: 40px !important; content: ""; display: inline-block; height: 90px; width: 100%; border-bottom: 2px solid #e9e6e6; background-color: white; background-repeat: no-repeat; background-position: center left; background-position-x: 30px; background-size: 102px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMyIiBoZWlnaHQ9IjMxIiB2aWV3Qm94PSIwIDAgMTMyIDMxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNzUuNzgxNyAyMC45NDI2TDc4LjM2NDQgMTguOTEwNUM3OS4yMTQgMjAuNDk0OSA4MS4wODMxIDIxLjc2OTIgODMuNjY1OSAyMS43NjkyQzg1LjczOSAyMS43NjkyIDg2Ljk2MjQgMjAuODM5MiA4Ni45NjI0IDE5LjU2NDhDODYuOTYyNCAxNS44NDUgNzcuMDA1MSAxOS40OTU5IDc3LjAwNTEgMTIuMTI1MUM3Ny4wMDUxIDkuMDU5NTYgNzkuNDg1OSA2LjcxNzU0IDgzLjQ2MiA2LjcxNzU0Qzg2LjQ1MjcgNi43MTc1NCA4OC44OTk1IDguMDk1MjYgODkuOTUzIDkuODUxODZMODcuMzcwMiAxMS44ODRDODYuNjIyNiAxMC43NDc0IDg0Ljg4OTQgOS44MTc0MSA4My4yNTgxIDkuODE3NDFDODEuOTMyOCA5LjgxNzQxIDgwLjg0NTMgMTAuNjQ0IDgwLjg0NTMgMTEuNzExOEM4MC44NDUzIDE1LjQzMTYgOTAuNzY4NiAxMS44ODQgOTAuNzAwNyAxOS4xNTE1QzkwLjY2NjcgMjIuNDkyNSA4Ny43NDQgMjQuODY5MSA4My41MyAyNC44NjkxQzc5Ljc5MTkgMjQuODY5MiA3Ni44MzUzIDIzLjM4ODEgNzUuNzgxNyAyMC45NDI2WiIgZmlsbD0iIzU2MDAwMCIvPgo8cGF0aCBkPSJNMTAxLjk4MyAyMS43MDA0QzEwNC41NjYgMjEuNzAwNCAxMDYuNDY5IDE5LjQyNzEgMTA2LjQ2OSAxNS44MTA2QzEwNi40NjkgMTIuMjI4NSAxMDQuNTY2IDkuOTU1MjggMTAxLjk4MyA5Ljk1NTI4Qzk5LjMzMjIgOS45NTUyOCA5Ny40NjMxIDEyLjAyMTggOTcuNDYzMSAxNS44NDUxVjMxLjAwMDFIOTMuNDE4OVY3LjI2ODgxSDk3LjQ2MzFWOS42Nzk4M0M5OC42ODY1IDcuODE5ODkgMTAwLjY1OCA2LjcxNzcgMTAzLjEwNCA2LjcxNzdDMTA3LjM4NiA2LjcxNzcgMTEwLjY4MyAxMC4xOTY0IDExMC42ODMgMTUuNjA0MUMxMTAuNjgzIDIxLjAxMTcgMTA3LjE4MyAyNC44NjkyIDEwMi45MDEgMjQuODY5MkMxMDEuNjAyIDI0Ljg5NTEgMTAwLjMyMiAyNC41NjE3IDk5LjE5NjMgMjMuOTA0OFYyMC41OTgyQzk5Ljk1MDcgMjEuMzE1MiAxMDAuOTQ5IDIxLjcxIDEwMS45ODMgMjEuNzAwNFoiIGZpbGw9IiM1NjAwMDAiLz4KPHBhdGggZD0iTTEyMi4zMzkgMjEuNzAwNEMxMjQuOTIyIDIxLjcwMDQgMTI2LjgyNSAxOS40MjcxIDEyNi44MjUgMTUuODEwNkMxMjYuODI1IDEyLjIyODUgMTI0LjkyMiA5Ljk1NTI4IDEyMi4zMzkgOS45NTUyOEMxMTkuNjg4IDkuOTU1MjggMTE3LjgxOSAxMi4wMjE4IDExNy44MTkgMTUuODQ1MVYzMS4wMDAxSDExMy43NzVWNy4yNjg4MUgxMTcuODE5VjkuNjc5ODNDMTE5LjA0MiA3LjgxOTg5IDEyMS4wMTMgNi43MTc3IDEyMy40NiA2LjcxNzdDMTI3Ljc0MiA2LjcxNzcgMTMxLjAzOSAxMC4xOTY0IDEzMS4wMzkgMTUuNjA0MUMxMzEuMDM5IDIxLjAxMTcgMTI3LjUzOCAyNC44NjkyIDEyMy4yNTYgMjQuODY5MkMxMjEuOTU4IDI0Ljg5NTEgMTIwLjY3NyAyNC41NjE3IDExOS41NTIgMjMuOTA0OFYyMC41OTgyQzEyMC4zMDcgMjEuMzE1MiAxMjEuMzA1IDIxLjcxIDEyMi4zMzkgMjEuNzAwNFoiIGZpbGw9IiM1NjAwMDAiLz4KPHBhdGggZD0iTTMyLjY5MDkgMjQuMDEzOEMzOS43NjU1IDI0LjAxMzggNDkuODU0MiAyMS4wNDM5IDQ5Ljg1NDIgMTMuOTU4NkM0OS44NTQyIDExLjgzNzEgNDguODQ5NCA5LjkyNzk5IDQ3LjA5MTMgOC4zNTgyQzQ1LjYyNSA5LjE4OTgxIDQ0LjQ4NjYgMTAuNTA4NSA0My44NjggMTIuMDkxOEM0NC42MjE1IDEyLjcyODIgNDQuOTk4MyAxMy4zMjIyIDQ0Ljk5ODMgMTMuOTU4N0M0NC45OTgzIDE3LjM1MjkgMzcuNzE0NCAxOS4wOTI0IDMyLjY5MSAxOS4wOTI0QzI3LjY2NzYgMTkuMDkyNCAyMC4zODM2IDE3LjM1MjcgMjAuMzgzNiAxMy45NTg2QzIwLjM4MzYgMTMuMzIyMSAyMC43NjA0IDEyLjcyODEgMjEuNTEzOSAxMi4wOTE3QzIwLjg5MzYgMTAuNTA5NCAxOS43NTU2IDkuMTkxMjkgMTguMjkwNSA4LjM1ODJDMTYuNTMyMiA5LjkyODEgMTUuNTI3NiAxMS44MzcyIDE1LjUyNzYgMTMuOTU4NkMxNS41Mjc2IDIxLjA0MzkgMjUuNjE2MyAyNC4wMTM4IDMyLjY5MDkgMjQuMDEzOFpNNTAuNjkxNCA1LjE5OTVlLTA1QzQyLjYxMjEgNS4xOTk1ZS0wNSAzNS4zMjgyIDcuMjEyNjQgMzYuMDgxNyAxNi4zMzQ1QzM3Ljc1NzggMTYuMTQ1MyAzOS4zODc2IDE1LjY1NjkgNDAuODk1OCAxNC44OTE5QzQwLjg5MTcgMTIuOTMyNSA0MS40NjA5IDExLjAxNTkgNDIuNTMxNSA5LjM4NDQzQzQzLjYwMjIgNy43NTI5NSA0NS4xMjYxIDYuNDc5ODkgNDYuOTEwNiA1LjcyNjIxQzQ4LjY5NTEgNC45NzI1MyA1MC42NiA0Ljc3MjA5IDUyLjU1NyA1LjE1MDI0QzU0LjQ1MzkgNS41MjgzOSA1Ni4xOTc1IDYuNDY4MTUgNTcuNTY3NSA3Ljg1MDY3QzU4LjkzNzQgOS4yMzMxOCA1OS44NzIxIDEwLjk5NjQgNjAuMjUzMyAxMi45MTczQzYwLjYzNDUgMTQuODM4MiA2MC40NDUxIDE2LjgzMDUgNTkuNzA5MSAxOC42NDIzQzU4Ljk3MzEgMjAuNDU0MSA1Ny43MjM1IDIyLjAwNDEgNTYuMTE4NCAyMy4wOTYxQzU0LjUxMzMgMjQuMTg4MiA1Mi42MjQ2IDI0Ljc3MzMgNTAuNjkxNCAyNC43Nzc1QzQ4Ljk5NTYgMjQuNzcwOCA0Ny4zMzI4IDI0LjMwMTggNDUuODc3MyAyMy40MTk3QzQ0LjE5MzEgMjQuMzU3MSA0Mi4zOTAzIDI1LjA1NjYgNDAuNTE5IDI1LjQ5ODhDNDIuMjQxOSAyNy4xODk0IDQ0LjM0ODIgMjguNDI1MSA0Ni42NTI3IDI5LjA5NzRDNDguOTU3MiAyOS43Njk3IDUxLjM4OTQgMjkuODU4IDUzLjczNTUgMjkuMzU0NUM1Ni4wODE1IDI4Ljg1MSA1OC4yNjk3IDI3Ljc3MTIgNjAuMTA3NSAyNi4yMDk4QzYxLjk0NTMgMjQuNjQ4NSA2My4zNzY2IDIyLjY1MzUgNjQuMjc1NSAyMC40MDAzQzY1LjE3NDQgMTguMTQ3IDY1LjUxMzQgMTUuNzA0NCA2NS4yNjI4IDEzLjI4NzNDNjUuMDEyMSAxMC44NzAxIDY0LjE3OTQgOC41NTIzNSA2Mi44Mzc5IDYuNTM3NzNDNjEuNDk2NCA0LjUyMzEyIDU5LjY4NzIgMi44NzMzMiA1Ny41NjkzIDEuNzMzMzdDNTUuNDUxMyAwLjU5MzQxNiA1My4wODk1IC0wLjAwMTc5NjI5IDUwLjY5MTQgNS4xOTk1ZS0wNVpNMTkuNTA0NSAyMy40MTk4QzE4LjA0OSAyNC4zMDE5IDE2LjM4NjIgMjQuNzcwOSAxNC42OTA0IDI0Ljc3NzZDMTIuNzUxMiAyNC43Nzc1IDEwLjg1NTcgMjQuMTk0MiA5LjI0MzkyIDIzLjEwMTRDNy42MzIxNSAyMi4wMDg2IDYuMzc2NjYgMjAuNDU1NiA1LjYzNjQ5IDE4LjYzOUM0Ljg5NjMzIDE2LjgyMjUgNC43MDQ4IDE0LjgyNDEgNS4wODYxNiAxMi44OTcxQzUuNDY3NTMgMTAuOTcwMiA2LjQwNDYzIDkuMjAxMjYgNy43Nzg3NiA3LjgxNDUxQzkuMTUyODggNi40Mjc3NiAxMC45MDIyIDUuNDg1NTggMTIuODA1MSA1LjEwNzNDMTQuNzA4IDQuNzI5MDIgMTYuNjc4OSA0LjkzMTY4IDE4LjQ2ODEgNS42ODk2QzIwLjI1NzIgNi40NDc1MiAyMS43ODQyIDcuNzI2NiAyMi44NTU1IDkuMzY0OEMyMy45MjY4IDExLjAwMyAyNC40OTQzIDEyLjkyNjYgMjQuNDg2IDE0Ljg5MkMyNS45OTQyIDE1LjY1NyAyNy42MjQgMTYuMTQ1NCAyOS4zMDAxIDE2LjMzNDZDMzAuMDUzNiA3LjIxMjY0IDIyLjc2OTcgNS4xOTk1ZS0wNSAxNC42OTA0IDUuMTk5NWUtMDVDMTIuMjg4MiAtMC4wMDYzOTAyOCA5LjkyMTE5IDAuNTg1OTE3IDcuNzk3OTYgMS43MjQ4MUM1LjY3NDczIDIuODYzNzEgMy44NjAzOCA0LjUxNDI1IDIuNTE0NjcgNi41MzEwOUMxLjE2ODk3IDguNTQ3OTIgMC4zMzMyMDggMTAuODY5MiAwLjA4MDk4NTMgMTMuMjkwNEMtMC4xNzEyMzcgMTUuNzExNyAwLjE2NzgxOSAxOC4xNTg2IDEuMDY4MjkgMjAuNDE1OEMxLjk2ODc3IDIyLjY3MyAzLjQwMzA0IDI0LjY3MTIgNS4yNDQ3OSAyNi4yMzQzQzcuMDg2NTUgMjcuNzk3NSA5LjI3OTI4IDI4Ljg3NzcgMTEuNjI5OSAyOS4zNzk4QzEzLjk4MDUgMjkuODgyIDE2LjQxNjkgMjkuNzkwNiAxOC43MjQ1IDI5LjExMzhDMjEuMDMyIDI4LjQzNyAyMy4xNCAyNy4xOTU2IDI0Ljg2MjggMjUuNDk4N0MyMi45OTE1IDI1LjA1NjYgMjEuMTg4NyAyNC4zNTcxIDE5LjUwNDUgMjMuNDE5OFpNMzQuNTc0NyA4Ljk5NDU5QzM1LjE2NTMgNy4yOTM1MiAzNi4wMjggNS43MDI0OSAzNy4xMjgyIDQuMjg1MkMzNC4xODQ4IDMuODYwOTMgMzEuMTk3IDMuODYwOTMgMjguMjUzNiA0LjI4NTJDMjkuMzUzNyA1LjcwMjQ5IDMwLjIxNjUgNy4yOTM1MiAzMC44MDcxIDguOTk0NTlDMzIuMDYxNiA4LjkwOTczIDMzLjMyMDIgOC45MDk3MyAzNC41NzQ3IDguOTk0NTlaIiBmaWxsPSIjREEyOTFDIi8+Cjwvc3ZnPgo="); } .Survey.Print .qtCustomTable label > span.ColorDisplay{ background-color: white !important; } .Survey.Print .qtCustomTable table tbody tr:hover { background-color: white !important; } /*Textcolor of information questions---------------*/ .Print.Survey .Page .Section .qtInformation .DescriptionText span{ color: #000 !important; } /*Ingen background på radios/checkbox*/ .Survey.Print .Page .Section .Answers .Answer label .ColorDisplay + span, .Survey.Print .Page .Section .Answers .Answer label .ColorDisplay{ background-color: white !important; } /*SELECT DROPDOWN-LIST-----------------------------------------*/ /* .Survey Select > option{ background-color: white; color: #000 !important; }*/ ul.AutoSuggestValues.autosuggest-menu .autosuggest-menu-item a{ font-size: 14px; padding-left: 10px; color: #560000 !important; } ul.AutoSuggestValues.autosuggest-menu .autosuggest-menu-item a:hover{ background-color: #F5F5F5;; } .AutoSuggestValues.autosuggest-menu{ border: none; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.12); border-radius: 8px; /* top: 600px !important;*/ } .qtButton input { display: none; position: absolute; z-index: -1; } @font-face { font-family: "Storebrand Text Demibold"; src: url("../../Custom/Fonts/StorebrandText-DemiBold.ttf") format("truetype"); } @font-face { font-family: "Storebrand Text"; src: url("../../Custom/Fonts/StorebrandText-Regular.ttf") format("truetype"); } .Survey.Print .LanguageSelector { display: none; } .Print.SurveyBody .DoneDate { display: none; } /**QR - start*/ .Print.Survey .QRcode { display: block; /*float: right; margin-top: -90px; margin-right: 12px;*/ z-index: 1; } .Survey .QRcode { display: none; } .Print.Survey .QRcode svg { width: 50px; height: 50px; } .Survey.Print .Header table, .Survey .Header table{ width: 100%; } .Survey.Print .Header table tr td{ width: 100% !important; } .Survey.Print .Header .qr{ vertical-align: top; padding-top: 2px; } .Survey.Print .Header{ padding-right: 12px !important; } /*QR - End*/ .Print.Survey strong { font-size: 11px !important; } .Print.Survey .Section:not(.HideName) > .Header .Name { padding-top: 10px !important; } .Print.Survey .Section .qtCustom > .Header:first-child .QuestionText { padding-top: 0px !important; } .Print.Survey .DescriptionText { margin-bottom: 5px !important; } .Print.Survey .Section.HideName .Header > .Description { font-size: 11px !important; } .Print.Survey .Question { min-height: 0px !important; } .Print.Survey .Section:not(.HideName) > .Header .Name { color: black !important; } .Print.Survey .qtRadio .QuestionText span, .Print.Survey .qtCheckbox .QuestionText span { color: black !important; } /*SE ÖVER DETTA*/ .Print.Survey .qtDate .Answers > span{ width: 100% !important; min-height: 42px !important; display: inline-block !important; } .Print.Survey .Question :not(.qtCheckbox, .qtRadio) .Answers .Answer span, .Print.Survey .Question :not(.qtCheckbox, .qtRadio) .Answers .Answer div { font-size: 11px !important; } .Print.Survey .Section:not(.HideName) .Header .Description { line-height: 15px !important; } .Print.Survey .Page > .Header .Name { line-height: 25px !important; text-align: left; } .Print.Survey .qtInformation .QuestionText span { font-size: 11px !important; } .Print.Survey .Row .Question .qtRadio .Answers .Answer span, .Print.Survey .Row .Question .Answers .Answer div, .Print.Survey .Row .Question .qtCheckbox .Answers .Answer span, .Print.Survey .Row .Question .qtCheckbox .Answers .Answer div{ background-color: white !important; } .Survey:not(.Print) .Row:hover { background-color: #f5f0f0 !important; } .Survey .qtCustomTable table tbody tr:hover { background-color: #f5f0f0 !important; } @media screen and (max-width: 620px){ .Survey .Page > .Header .Name { font-size: 26px !important; } .Survey .Sections { border-radius: 0px !important; } .Survey .Navigation button[data-bind*="DownloadPdf"] { background-position-X: 184px !important; } .Survey{ min-height: calc(100rlh - 500px) !important; } } .Survey:not(.Print){ min-height: 100vh !important; } /*-------------SURVEYBODY TWEAKS-------------------------------------------------------*/ .SurveyTrigger:not(.Preview) .SurveyBody { max-width: 1050px !important; min-height: calc(100dvh - 140px) !important; margin: auto !important; } .SurveyTrigger:not(.Preview) .Survey{ margin-top: -20px !important; max-width: none !important; } #SurveyDiv, body { background-color: white !important; } .Survey .Question .Answers input[type=email]{ padding-left: 7px !important; padding-right: 7px !important; } .Survey .qtCustomTable .Tools{ vertical-align: 0px !important; } /*SETTING: REMOVE SPACE*/ .Survey .Question.RemoveSpace .QuestionText, .Survey .Question.RemoveSpace :is( .qtTextRow, .qtInformation, .qtText, .qtAutoComplete, .qtDate, .qtDropDown, .qtRadio, .qtFile) .Header .QuestionText, .Survey .Question.RemoveSpace.Compact :is( .qtTextRow, .qtInformation, .qtText, .qtAutoComplete, .qtDate, .qtDropDown, .qtRadio, .qtFile) .Header .QuestionText{ padding-top: 0px !important; min-height: 0px !important; padding-bottom: 8px; margin-top: 0px !important; } .Survey .qtCustom .Row .Question.RemoveSpace{ } .Survey .qtCustom .Row:has(.Question.RemoveSpace) .Icon.Delete.Clickable{ margin-top: -15px !important; transform: translate(32px) !important; } /*SETTING: HIDE QUESTION*/ .Survey .HideQuestion :is( .qtTextRow, .qtInformation, .qtText, .qtAutoComplete, .qtDate, .qtDropDown, .qtRadio, .qtCheckbox, .qtMatrix, .qtNumber, .qtCustom, .qtFile) .Header .QuestionText{ display: none; } /*Alignment in list questions*/ .Survey .qtCustom .Row :is(.qtDropDown,.qtTextRow, .qtInformation, .qtTextRow, .qtDate, .qtText, .qtCheckbox, .qtMatrix, .qtFile .qtNumber, .qtAutoComplete, .qtDate, .qtDropDown, .qtRadio, .qtFile) .Header .QuestionText{ padding-bottom: 8px; } /*Trash in list setting: hide text*/ .Survey .Row:has(.Question.HideQuestion) .Icon.Delete.Clickable{ margin-top: -10px !important; transform: translate(32px) !important; } /*Distances of radio/checkbox list*/ .Survey .qtCustom .Row .Question.Compact .qtRadio, .Survey .qtCustom .Row .Question.Compact .qtRadio .Answers, .Survey .qtCustom .Row .Question.Compact .qtCheckBox, .Survey .qtCustom .Row .Question.Compact .qtCheckBox .Answers{ min-height: 0px !important; margin-bottom: 0px !important; } /*Alignment radio/checkbox list-questions*/ .Survey .qtCustom .Row .Question.Compact .qtRadio, .Survey .qtCustom .Row .Question .qtRadio, .Survey .qtCustom .Row .Question.Compact .qtCheckBox, .Survey .qtCustom .Row .Question .qtCheckBox{ padding-bottom: 8px !important; } .Survey .qtCustom .Row .Question.Compact .qtRadio, .Survey .qtCustom .Row .Question.Compact .qtCheckBox{ margin-bottom: 10px !important; } .Survey .Section.HideName .Header > .Name{ display: none; } .Survey .Section.HideName .Header > .Description{ font-size: 17px !important; font-weight: 600 !important; padding-top: 20px; padding-bottom: 20px; } .Survey .Question.HideQuestion { min-height: 0px !important; } .Survey .hide{ display: none !important; } .Survey .hideVisibility{ visibility: hidden; } /*DESCRIPTION HTML TAGS STYLING------------------------------*/ .Survey .Navigation .SaveInfo{ display: none !important; } /*
    */ .Survey ul li,.Survey ul li:hover, .Survey ol li,.Survey ol li:hover{ border-bottom-color: var(--Mb) !important; } .Survey .Page .Sections li { color: #560000 !important; } .Survey ol li{ margin-bottom: 0px; } /*