/*! jQuery UI - v1.12.1 - 2017-03-19
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.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;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-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-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.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-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%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.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:default;-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-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;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{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{background-position:16px 16px}.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;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top.shepherd-target-attached-left .shepherd-content:before,
.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top.shepherd-target-attached-right .shepherd-content:before,
.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-target-attached-left .shepherd-content:before,
.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-target-attached-right .shepherd-content:before {
  display: none; }

.shepherd-element, .shepherd-element:after, .shepherd-element:before, .shepherd-element *, .shepherd-element *:after, .shepherd-element *:before {
  box-sizing: border-box; }

.shepherd-element {
  position: absolute;
  display: none; }
  .shepherd-element.shepherd-open {
    display: block; }

.shepherd-element.shepherd-theme-default {
  max-width: 100%;
  max-height: 100%; }
  .shepherd-element.shepherd-theme-default .shepherd-content {
    border-radius: 5px;
    position: relative;
    font-family: inherit;
    background: #f6f6f6;
    color: #444;
    padding: 1em;
    font-size: 1.1em;
    line-height: 1.5em; }
    .shepherd-element.shepherd-theme-default .shepherd-content:before {
      content: "";
      display: block;
      position: absolute;
      width: 0;
      height: 0;
      border-color: transparent;
      border-width: 16px;
      border-style: solid;
      pointer-events: none; }
  .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content {
    margin-bottom: 16px; }
    .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content:before {
      top: 100%;
      left: 50%;
      margin-left: -16px;
      border-top-color: #f6f6f6; }
  .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content {
    margin-top: 16px; }
    .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content:before {
      bottom: 100%;
      left: 50%;
      margin-left: -16px;
      border-bottom-color: #f6f6f6; }
  .shepherd-element.shepherd-theme-default.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content {
    margin-right: 16px; }
    .shepherd-element.shepherd-theme-default.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content:before {
      left: 100%;
      top: 50%;
      margin-top: -16px;
      border-left-color: #f6f6f6; }
  .shepherd-element.shepherd-theme-default.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content {
    margin-left: 16px; }
    .shepherd-element.shepherd-theme-default.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content:before {
      right: 100%;
      top: 50%;
      margin-top: -16px;
      border-right-color: #f6f6f6; }
  .shepherd-element.shepherd-theme-default.shepherd-element-attached-left.shepherd-target-attached-center .shepherd-content {
    left: -32px; }
  .shepherd-element.shepherd-theme-default.shepherd-element-attached-right.shepherd-target-attached-center .shepherd-content {
    left: 32px; }
  .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content {
    margin-top: 16px; }
    .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content:before {
      bottom: 100%;
      left: 16px;
      border-bottom-color: #f6f6f6; }
  .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content {
    margin-top: 16px; }
    .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content:before {
      bottom: 100%;
      right: 16px;
      border-bottom-color: #f6f6f6; }
  .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content {
    margin-bottom: 16px; }
    .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content:before {
      top: 100%;
      left: 16px;
      border-top-color: #f6f6f6; }
  .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content {
    margin-bottom: 16px; }
    .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content:before {
      top: 100%;
      right: 16px;
      border-top-color: #f6f6f6; }
  .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content {
    margin-top: 16px; }
    .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content:before {
      bottom: 100%;
      left: 16px;
      border-bottom-color: #f6f6f6; }
  .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content {
    margin-top: 16px; }
    .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content:before {
      bottom: 100%;
      right: 16px;
      border-bottom-color: #f6f6f6; }
  .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content {
    margin-bottom: 16px; }
    .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content:before {
      top: 100%;
      left: 16px;
      border-top-color: #f6f6f6; }
  .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content {
    margin-bottom: 16px; }
    .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content:before {
      top: 100%;
      right: 16px;
      border-top-color: #f6f6f6; }
  .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
    margin-right: 16px; }
    .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
      top: 16px;
      left: 100%;
      border-left-color: #f6f6f6; }
  .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
    margin-left: 16px; }
    .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
      top: 16px;
      right: 100%;
      border-right-color: #f6f6f6; }
  .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
    margin-right: 16px; }
    .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
      bottom: 16px;
      left: 100%;
      border-left-color: #f6f6f6; }
  .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
    margin-left: 16px; }
    .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
      bottom: 16px;
      right: 100%;
      border-right-color: #f6f6f6; }

.shepherd-element.shepherd-theme-default {
  z-index: 9999;
  max-width: 24em;
  font-size: 1em; }
  .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-center.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before {
    border-bottom-color: #e6e6e6; }
  .shepherd-element.shepherd-theme-default.shepherd-has-title .shepherd-content header {
    background: #e6e6e6;
    padding: 1em; }
    .shepherd-element.shepherd-theme-default.shepherd-has-title .shepherd-content header a.shepherd-cancel-link {
      padding: 0;
      margin-bottom: 0; }
  .shepherd-element.shepherd-theme-default.shepherd-has-cancel-link .shepherd-content header h3 {
    float: left; }
  .shepherd-element.shepherd-theme-default .shepherd-content {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.17);
    padding: 0; }
    .shepherd-element.shepherd-theme-default .shepherd-content * {
      font-size: inherit; }
    .shepherd-element.shepherd-theme-default .shepherd-content header {
      *zoom: 1;
      border-radius: 5px 5px 0 0; }
      .shepherd-element.shepherd-theme-default .shepherd-content header:after {
        content: "";
        display: table;
        clear: both; }
      .shepherd-element.shepherd-theme-default .shepherd-content header h3 {
        margin: 0;
        line-height: 1;
        font-weight: normal; }
      .shepherd-element.shepherd-theme-default .shepherd-content header a.shepherd-cancel-link {
        float: right;
        text-decoration: none;
        font-size: 1.25em;
        line-height: .8em;
        font-weight: normal;
        color: rgba(0, 0, 0, 0.5);
        opacity: 0.25;
        position: relative;
        top: .1em;
        padding: .8em;
        margin-bottom: -.8em; }
        .shepherd-element.shepherd-theme-default .shepherd-content header a.shepherd-cancel-link:hover {
          opacity: 1; }
    .shepherd-element.shepherd-theme-default .shepherd-content .shepherd-text {
      padding: 1em; }
      .shepherd-element.shepherd-theme-default .shepherd-content .shepherd-text p {
        margin: 0 0 .5em 0;
        line-height: 1.3em; }
        .shepherd-element.shepherd-theme-default .shepherd-content .shepherd-text p:last-child {
          margin-bottom: 0; }
    .shepherd-element.shepherd-theme-default .shepherd-content footer {
      padding: 0 1em 1em; }
      .shepherd-element.shepherd-theme-default .shepherd-content footer .shepherd-buttons {
        text-align: right;
        list-style: none;
        padding: 0;
        margin: 0; }
        .shepherd-element.shepherd-theme-default .shepherd-content footer .shepherd-buttons li {
          display: inline;
          padding: 0;
          margin: 0; }
          .shepherd-element.shepherd-theme-default .shepherd-content footer .shepherd-buttons li .shepherd-button {
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            *zoom: 1;
            *display: inline;
            border-radius: 3px;
            cursor: pointer;
            border: 0;
            margin: 0 .5em 0 0;
            font-family: inherit;
            text-transform: uppercase;
            letter-spacing: .1em;
            font-size: .8em;
            line-height: 1em;
            padding: .75em 2em;
            background: #3288e6;
            color: #fff; }
            .shepherd-element.shepherd-theme-default .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary {
              background: #eee;
              color: #888; }
          .shepherd-element.shepherd-theme-default .shepherd-content footer .shepherd-buttons li:last-child .shepherd-button {
            margin-right: 0; }

.shepherd-start-tour-button.shepherd-theme-default {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border-radius: 3px;
  cursor: pointer;
  border: 0;
  margin: 0 .5em 0 0;
  font-family: inherit;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: .8em;
  line-height: 1em;
  padding: .75em 2em;
  background: #3288e6;
  color: #fff; }
.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top.shepherd-target-attached-left .shepherd-content:before,
.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top.shepherd-target-attached-right .shepherd-content:before,
.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-target-attached-left .shepherd-content:before,
.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-target-attached-right .shepherd-content:before {
  display: none; }

.shepherd-element, .shepherd-element:after, .shepherd-element:before, .shepherd-element *, .shepherd-element *:after, .shepherd-element *:before {
  box-sizing: border-box; }

.shepherd-element {
  position: absolute;
  display: none; }
  .shepherd-element.shepherd-open {
    display: block; }

.shepherd-element.shepherd-theme-arrows {
  max-width: 100%;
  max-height: 100%; }
  .shepherd-element.shepherd-theme-arrows .shepherd-content {
    border-radius: 5px;
    position: relative;
    font-family: inherit;
    background: #fff;
    color: #444;
    padding: 1em;
    font-size: 1.1em;
    line-height: 1.5em;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
            filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2)); }
    .shepherd-element.shepherd-theme-arrows .shepherd-content:before {
      content: "";
      display: block;
      position: absolute;
      width: 0;
      height: 0;
      border-color: transparent;
      border-width: 16px;
      border-style: solid;
      pointer-events: none; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content {
    margin-bottom: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content:before {
      top: 100%;
      left: 50%;
      margin-left: -16px;
      border-top-color: #fff; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content {
    margin-top: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content:before {
      bottom: 100%;
      left: 50%;
      margin-left: -16px;
      border-bottom-color: #fff; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content {
    margin-right: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content:before {
      left: 100%;
      top: 50%;
      margin-top: -16px;
      border-left-color: #fff; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content {
    margin-left: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content:before {
      right: 100%;
      top: 50%;
      margin-top: -16px;
      border-right-color: #fff; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-left.shepherd-target-attached-center .shepherd-content {
    left: -32px; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-right.shepherd-target-attached-center .shepherd-content {
    left: 32px; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content {
    margin-top: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content:before {
      bottom: 100%;
      left: 16px;
      border-bottom-color: #fff; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content {
    margin-top: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content:before {
      bottom: 100%;
      right: 16px;
      border-bottom-color: #fff; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content {
    margin-bottom: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content:before {
      top: 100%;
      left: 16px;
      border-top-color: #fff; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content {
    margin-bottom: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content:before {
      top: 100%;
      right: 16px;
      border-top-color: #fff; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content {
    margin-top: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content:before {
      bottom: 100%;
      left: 16px;
      border-bottom-color: #fff; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content {
    margin-top: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content:before {
      bottom: 100%;
      right: 16px;
      border-bottom-color: #fff; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content {
    margin-bottom: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content:before {
      top: 100%;
      left: 16px;
      border-top-color: #fff; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content {
    margin-bottom: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content:before {
      top: 100%;
      right: 16px;
      border-top-color: #fff; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
    margin-right: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
      top: 16px;
      left: 100%;
      border-left-color: #fff; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
    margin-left: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
      top: 16px;
      right: 100%;
      border-right-color: #fff; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
    margin-right: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
      bottom: 16px;
      left: 100%;
      border-left-color: #fff; }
  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
    margin-left: 16px; }
    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
      bottom: 16px;
      right: 100%;
      border-right-color: #fff; }

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-center.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before {
  border-bottom-color: #eee; }

.shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content header {
  background: #eee;
  padding: 1em; }
  .shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content header a.shepherd-cancel-link {
    padding: 0;
    margin-bottom: 0; }

.shepherd-element.shepherd-theme-arrows.shepherd-has-cancel-link .shepherd-content header h3 {
  float: left; }

.shepherd-element.shepherd-theme-arrows .shepherd-content {
  padding: 0; }
  .shepherd-element.shepherd-theme-arrows .shepherd-content * {
    font-size: inherit; }
  .shepherd-element.shepherd-theme-arrows .shepherd-content header {
    *zoom: 1;
    border-radius: 5px 5px 0 0; }
    .shepherd-element.shepherd-theme-arrows .shepherd-content header:after {
      content: "";
      display: table;
      clear: both; }
    .shepherd-element.shepherd-theme-arrows .shepherd-content header h3 {
      margin: 0;
      line-height: 1;
      font-weight: normal; }
    .shepherd-element.shepherd-theme-arrows .shepherd-content header a.shepherd-cancel-link {
      float: right;
      text-decoration: none;
      font-size: 1.25em;
      line-height: .8em;
      font-weight: normal;
      color: rgba(0, 0, 0, 0.5);
      opacity: 0.25;
      position: relative;
      top: .1em;
      padding: .8em;
      margin-bottom: -.8em; }
      .shepherd-element.shepherd-theme-arrows .shepherd-content header a.shepherd-cancel-link:hover {
        opacity: 1; }
  .shepherd-element.shepherd-theme-arrows .shepherd-content .shepherd-text {
    padding: 1em; }
    .shepherd-element.shepherd-theme-arrows .shepherd-content .shepherd-text p {
      margin: 0 0 .5em 0;
      line-height: 1.3em; }
      .shepherd-element.shepherd-theme-arrows .shepherd-content .shepherd-text p:last-child {
        margin-bottom: 0; }
  .shepherd-element.shepherd-theme-arrows .shepherd-content footer {
    padding: 0 1em 1em; }
    .shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons {
      text-align: right;
      list-style: none;
      padding: 0;
      margin: 0; }
      .shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li {
        display: inline;
        padding: 0;
        margin: 0; }
        .shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li .shepherd-button {
          display: inline-block;
          vertical-align: middle;
          *vertical-align: auto;
          *zoom: 1;
          *display: inline;
          border-radius: 3px;
          cursor: pointer;
          border: 0;
          margin: 0 .5em 0 0;
          font-family: inherit;
          text-transform: uppercase;
          letter-spacing: .1em;
          font-size: .8em;
          line-height: 1em;
          padding: .75em 2em;
          background: #3288e6;
          color: #fff; }
          .shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary {
            background: #eee;
            color: #888; }
        .shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li:last-child .shepherd-button {
          margin-right: 0; }
.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top.shepherd-target-attached-left .shepherd-content:before,
.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top.shepherd-target-attached-right .shepherd-content:before,
.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-target-attached-left .shepherd-content:before,
.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-target-attached-right .shepherd-content:before {
  display: none; }

.shepherd-element, .shepherd-element:after, .shepherd-element:before, .shepherd-element *, .shepherd-element *:after, .shepherd-element *:before {
  box-sizing: border-box; }

.shepherd-element {
  position: absolute;
  display: none; }
  .shepherd-element.shepherd-open {
    display: block; }

.shepherd-element.shepherd-theme-square {
  max-width: 100%;
  max-height: 100%; }
  .shepherd-element.shepherd-theme-square .shepherd-content {
    border-radius: 5px;
    position: relative;
    font-family: inherit;
    background: #f6f6f6;
    color: #444;
    padding: 1em;
    font-size: 1.1em;
    line-height: 1.5em; }
    .shepherd-element.shepherd-theme-square .shepherd-content:before {
      content: "";
      display: block;
      position: absolute;
      width: 0;
      height: 0;
      border-color: transparent;
      border-width: 16px;
      border-style: solid;
      pointer-events: none; }
  .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content {
    margin-bottom: 16px; }
    .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content:before {
      top: 100%;
      left: 50%;
      margin-left: -16px;
      border-top-color: #f6f6f6; }
  .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content {
    margin-top: 16px; }
    .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content:before {
      bottom: 100%;
      left: 50%;
      margin-left: -16px;
      border-bottom-color: #f6f6f6; }
  .shepherd-element.shepherd-theme-square.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content {
    margin-right: 16px; }
    .shepherd-element.shepherd-theme-square.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content:before {
      left: 100%;
      top: 50%;
      margin-top: -16px;
      border-left-color: #f6f6f6; }
  .shepherd-element.shepherd-theme-square.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content {
    margin-left: 16px; }
    .shepherd-element.shepherd-theme-square.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content:before {
      right: 100%;
      top: 50%;
      margin-top: -16px;
      border-right-color: #f6f6f6; }
  .shepherd-element.shepherd-theme-square.shepherd-element-attached-left.shepherd-target-attached-center .shepherd-content {
    left: -32px; }
  .shepherd-element.shepherd-theme-square.shepherd-element-attached-right.shepherd-target-attached-center .shepherd-content {
    left: 32px; }
  .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content {
    margin-top: 16px; }
    .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content:before {
      bottom: 100%;
      left: 16px;
      border-bottom-color: #f6f6f6; }
  .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content {
    margin-top: 16px; }
    .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content:before {
      bottom: 100%;
      right: 16px;
      border-bottom-color: #f6f6f6; }
  .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content {
    margin-bottom: 16px; }
    .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content:before {
      top: 100%;
      left: 16px;
      border-top-color: #f6f6f6; }
  .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content {
    margin-bottom: 16px; }
    .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content:before {
      top: 100%;
      right: 16px;
      border-top-color: #f6f6f6; }
  .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content {
    margin-top: 16px; }
    .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content:before {
      bottom: 100%;
      left: 16px;
      border-bottom-color: #f6f6f6; }
  .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content {
    margin-top: 16px; }
    .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content:before {
      bottom: 100%;
      right: 16px;
      border-bottom-color: #f6f6f6; }
  .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content {
    margin-bottom: 16px; }
    .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content:before {
      top: 100%;
      left: 16px;
      border-top-color: #f6f6f6; }
  .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content {
    margin-bottom: 16px; }
    .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content:before {
      top: 100%;
      right: 16px;
      border-top-color: #f6f6f6; }
  .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
    margin-right: 16px; }
    .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
      top: 16px;
      left: 100%;
      border-left-color: #f6f6f6; }
  .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
    margin-left: 16px; }
    .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
      top: 16px;
      right: 100%;
      border-right-color: #f6f6f6; }
  .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
    margin-right: 16px; }
    .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
      bottom: 16px;
      left: 100%;
      border-left-color: #f6f6f6; }
  .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
    margin-left: 16px; }
    .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
      bottom: 16px;
      right: 100%;
      border-right-color: #f6f6f6; }

.shepherd-element.shepherd-theme-square {
  border-radius: 0;
  z-index: 9999;
  max-width: 24em;
  font-size: 1em; }
  .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-center.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before {
    border-bottom-color: #e6e6e6; }
  .shepherd-element.shepherd-theme-square.shepherd-has-title .shepherd-content header {
    background: #e6e6e6;
    padding: 1em; }
    .shepherd-element.shepherd-theme-square.shepherd-has-title .shepherd-content header a.shepherd-cancel-link {
      padding: 0;
      margin-bottom: 0; }
  .shepherd-element.shepherd-theme-square.shepherd-has-cancel-link .shepherd-content header h3 {
    float: left; }
  .shepherd-element.shepherd-theme-square .shepherd-content {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.17);
    border-radius: 0;
    padding: 0; }
    .shepherd-element.shepherd-theme-square .shepherd-content * {
      font-size: inherit; }
    .shepherd-element.shepherd-theme-square .shepherd-content header {
      *zoom: 1;
      border-radius: 0; }
      .shepherd-element.shepherd-theme-square .shepherd-content header:after {
        content: "";
        display: table;
        clear: both; }
      .shepherd-element.shepherd-theme-square .shepherd-content header h3 {
        margin: 0;
        line-height: 1;
        font-weight: normal; }
      .shepherd-element.shepherd-theme-square .shepherd-content header a.shepherd-cancel-link {
        float: right;
        text-decoration: none;
        font-size: 1.25em;
        line-height: .8em;
        font-weight: normal;
        color: rgba(0, 0, 0, 0.5);
        opacity: 0.25;
        position: relative;
        top: .1em;
        padding: .8em;
        margin-bottom: -.8em; }
        .shepherd-element.shepherd-theme-square .shepherd-content header a.shepherd-cancel-link:hover {
          opacity: 1; }
    .shepherd-element.shepherd-theme-square .shepherd-content .shepherd-text {
      padding: 1em; }
      .shepherd-element.shepherd-theme-square .shepherd-content .shepherd-text p {
        margin: 0 0 .5em 0;
        line-height: 1.3em; }
        .shepherd-element.shepherd-theme-square .shepherd-content .shepherd-text p:last-child {
          margin-bottom: 0; }
    .shepherd-element.shepherd-theme-square .shepherd-content footer {
      padding: 0 1em 1em; }
      .shepherd-element.shepherd-theme-square .shepherd-content footer .shepherd-buttons {
        text-align: right;
        list-style: none;
        padding: 0;
        margin: 0; }
        .shepherd-element.shepherd-theme-square .shepherd-content footer .shepherd-buttons li {
          display: inline;
          padding: 0;
          margin: 0; }
          .shepherd-element.shepherd-theme-square .shepherd-content footer .shepherd-buttons li .shepherd-button {
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            *zoom: 1;
            *display: inline;
            border-radius: 0;
            cursor: pointer;
            border: 0;
            margin: 0 .5em 0 0;
            font-family: inherit;
            text-transform: uppercase;
            letter-spacing: .1em;
            font-size: .8em;
            line-height: 1em;
            padding: .75em 2em;
            background: #3288e6;
            color: #fff; }
            .shepherd-element.shepherd-theme-square .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary {
              background: #eee;
              color: #888; }
          .shepherd-element.shepherd-theme-square .shepherd-content footer .shepherd-buttons li:last-child .shepherd-button {
            margin-right: 0; }

.shepherd-start-tour-button.shepherd-theme-square {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border-radius: 0;
  cursor: pointer;
  border: 0;
  margin: 0 .5em 0 0;
  font-family: inherit;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: .8em;
  line-height: 1em;
  padding: .75em 2em;
  background: #3288e6;
  color: #fff; }
/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}

.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-moz-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@-webkit-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: -20px;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3 {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px; margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -30px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  overflow: auto;
}

.CodeMirror-widget {}

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background: #ffa;
  background: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }
/**
 * Pastel On Dark theme ported from ACE editor
 * @license MIT
 * @copyright AtomicPages LLC 2014
 * @author Dennis Thompson, AtomicPages LLC
 * @version 1.1
 * @source https://github.com/atomicpages/codemirror-pastel-on-dark-theme
 */

.cm-s-pastel-on-dark.CodeMirror {
	background: #2c2827;
	color: #8F938F;
	line-height: 1.5;
}
.cm-s-pastel-on-dark div.CodeMirror-selected { background: rgba(221,240,255,0.2); }
.cm-s-pastel-on-dark .CodeMirror-line::selection, .cm-s-pastel-on-dark .CodeMirror-line > span::selection, .cm-s-pastel-on-dark .CodeMirror-line > span > span::selection { background: rgba(221,240,255,0.2); }
.cm-s-pastel-on-dark .CodeMirror-line::-moz-selection, .cm-s-pastel-on-dark .CodeMirror-line > span::-moz-selection, .cm-s-pastel-on-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(221,240,255,0.2); }

.cm-s-pastel-on-dark .CodeMirror-gutters {
	background: #34302f;
	border-right: 0px;
	padding: 0 3px;
}
.cm-s-pastel-on-dark .CodeMirror-guttermarker { color: white; }
.cm-s-pastel-on-dark .CodeMirror-guttermarker-subtle { color: #8F938F; }
.cm-s-pastel-on-dark .CodeMirror-linenumber { color: #8F938F; }
.cm-s-pastel-on-dark .CodeMirror-cursor { border-left: 1px solid #A7A7A7; }
.cm-s-pastel-on-dark span.cm-comment { color: #A6C6FF; }
.cm-s-pastel-on-dark span.cm-atom { color: #DE8E30; }
.cm-s-pastel-on-dark span.cm-number { color: #CCCCCC; }
.cm-s-pastel-on-dark span.cm-property { color: #8F938F; }
.cm-s-pastel-on-dark span.cm-attribute { color: #a6e22e; }
.cm-s-pastel-on-dark span.cm-keyword { color: #AEB2F8; }
.cm-s-pastel-on-dark span.cm-string { color: #66A968; }
.cm-s-pastel-on-dark span.cm-variable { color: #AEB2F8; }
.cm-s-pastel-on-dark span.cm-variable-2 { color: #BEBF55; }
.cm-s-pastel-on-dark span.cm-variable-3 { color: #DE8E30; }
.cm-s-pastel-on-dark span.cm-def { color: #757aD8; }
.cm-s-pastel-on-dark span.cm-bracket { color: #f8f8f2; }
.cm-s-pastel-on-dark span.cm-tag { color: #C1C144; }
.cm-s-pastel-on-dark span.cm-link { color: #ae81ff; }
.cm-s-pastel-on-dark span.cm-qualifier,.cm-s-pastel-on-dark span.cm-builtin { color: #C1C144; }
.cm-s-pastel-on-dark span.cm-error {
	background: #757aD8;
	color: #f8f8f0;
}
.cm-s-pastel-on-dark .CodeMirror-activeline-background { background: rgba(255, 255, 255, 0.031); }
.cm-s-pastel-on-dark .CodeMirror-matchingbracket {
	border: 1px solid rgba(255,255,255,0.25);
	color: #8F938F !important;
	margin: -1px -1px 0 -1px;
}
/*!
 * Fancytree "Win8" skin.
 *
 * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
 * the LESS templates.
 */
/*******************************************************************************
 * Common Styles for Fancytree Skins.
 *
 * This section is automatically generated from the `skin-common.less` template.
 ******************************************************************************/
/*------------------------------------------------------------------------------
 * Helpers
 *----------------------------------------------------------------------------*/
.ui-helper-hidden {
  display: none;
}
/*------------------------------------------------------------------------------
 * Container and UL / LI
 *----------------------------------------------------------------------------*/
ul.fancytree-container {
  font-family: tahoma, arial, helvetica;
  font-size: 10pt;
  white-space: nowrap;
  padding: 3px;
  margin: 0;
  background-color: white;
  border: 1px dotted gray;
  min-height: 0%;
  position: relative;
}
ul.fancytree-container ul {
  padding: 0 0 0 16px;
  margin: 0;
}
ul.fancytree-container ul > li:before {
  content: none;
}
ul.fancytree-container li {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
  background-attachment: scroll;
  background-color: transparent;
  background-position: 0px 0px;
  background-repeat: repeat-y;
  background-image: none;
  margin: 0;
}
ul.fancytree-container li.fancytree-lastsib {
  background-image: none;
}
.ui-fancytree-disabled ul.fancytree-container {
  opacity: 0.5;
  background-color: silver;
}
ul.fancytree-connectors.fancytree-container li {
  background-image: url("data:image/gif;base64,R0lGODlhEAAQAPcAAAAAANPT0wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAQABAAAAgxAP8JHPgvAMGDCA0iXFiQ4UKFDglCjChwIkWLETE61MiQ40OKEkEO9JhQZEWTDRcGBAA7");
  background-position: 0 0;
}
ul.fancytree-container li.fancytree-lastsib,
ul.fancytree-no-connector > li {
  background-image: none;
}
li.fancytree-animating {
  position: relative;
}
/*------------------------------------------------------------------------------
 * Common icon definitions
 *----------------------------------------------------------------------------*/
span.fancytree-empty,
span.fancytree-vline,
span.fancytree-expander,
span.fancytree-icon,
span.fancytree-checkbox,
span.fancytree-drag-helper-img,
#fancytree-drop-marker {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: left;
  background-image: url("icons.gif");
  background-position: 0px 0px;
}
span.fancytree-icon,
span.fancytree-checkbox,
span.fancytree-expander,
span.fancytree-custom-icon {
  margin-top: 2px;
}
/* Used by icon option: */
span.fancytree-custom-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-left: 3px;
  background-position: 0px 0px;
}
/* Used by 'icon' node option: */
img.fancytree-icon {
  width: 16px;
  height: 16px;
  margin-left: 3px;
  margin-top: 2px;
  vertical-align: top;
  border-style: none;
}
/*------------------------------------------------------------------------------
 * Expander icon
 *
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: fancytree-exp-
 * 1st character: 'e': expanded, 'c': collapsed, 'n': no children
 * 2nd character (optional): 'd': lazy (Delayed)
 * 3rd character (optional): 'l': Last sibling
 *----------------------------------------------------------------------------*/
span.fancytree-expander {
  cursor: pointer;
}
.fancytree-exp-n span.fancytree-expander,
.fancytree-exp-nl span.fancytree-expander {
  background-image: none;
  cursor: default;
}
.fancytree-connectors .fancytree-exp-n span.fancytree-expander,
.fancytree-connectors .fancytree-exp-nl span.fancytree-expander {
  background-image: url("icons.gif");
  margin-top: 0;
}
.fancytree-connectors .fancytree-exp-n span.fancytree-expander,
.fancytree-connectors .fancytree-exp-n span.fancytree-expander:hover {
  background-position: 0px -64px;
}
.fancytree-connectors .fancytree-exp-nl span.fancytree-expander,
.fancytree-connectors .fancytree-exp-nl span.fancytree-expander:hover {
  background-position: -16px -64px;
}
.fancytree-exp-c span.fancytree-expander {
  background-position: 0px -80px;
}
.fancytree-exp-c span.fancytree-expander:hover {
  background-position: -16px -80px;
}
.fancytree-exp-cl span.fancytree-expander {
  background-position: 0px -96px;
}
.fancytree-exp-cl span.fancytree-expander:hover {
  background-position: -16px -96px;
}
.fancytree-exp-cd span.fancytree-expander {
  background-position: -64px -80px;
}
.fancytree-exp-cd span.fancytree-expander:hover {
  background-position: -80px -80px;
}
.fancytree-exp-cdl span.fancytree-expander {
  background-position: -64px -96px;
}
.fancytree-exp-cdl span.fancytree-expander:hover {
  background-position: -80px -96px;
}
.fancytree-exp-e span.fancytree-expander,
.fancytree-exp-ed span.fancytree-expander {
  background-position: -32px -80px;
}
.fancytree-exp-e span.fancytree-expander:hover,
.fancytree-exp-ed span.fancytree-expander:hover {
  background-position: -48px -80px;
}
.fancytree-exp-el span.fancytree-expander,
.fancytree-exp-edl span.fancytree-expander {
  background-position: -32px -96px;
}
.fancytree-exp-el span.fancytree-expander:hover,
.fancytree-exp-edl span.fancytree-expander:hover {
  background-position: -48px -96px;
}
/* Fade out expanders, when container is not hovered or active */
.fancytree-fade-expander span.fancytree-expander {
  transition: opacity 1.5s;
  opacity: 0;
}
.fancytree-fade-expander:hover span.fancytree-expander,
.fancytree-fade-expander.fancytree-treefocus span.fancytree-expander,
.fancytree-fade-expander .fancytree-treefocus span.fancytree-expander,
.fancytree-fade-expander [class*='fancytree-statusnode-'] span.fancytree-expander {
  transition: opacity 0.6s;
  opacity: 1;
}
/*------------------------------------------------------------------------------
 * Checkbox icon
 *----------------------------------------------------------------------------*/
span.fancytree-checkbox {
  margin-left: 3px;
  background-position: 0px -32px;
}
span.fancytree-checkbox:hover {
  background-position: -16px -32px;
}
span.fancytree-checkbox.fancytree-radio {
  background-position: 0px -48px;
}
span.fancytree-checkbox.fancytree-radio:hover {
  background-position: -16px -48px;
}
.fancytree-partsel span.fancytree-checkbox {
  background-position: -64px -32px;
}
.fancytree-partsel span.fancytree-checkbox:hover {
  background-position: -80px -32px;
}
.fancytree-partsel span.fancytree-checkbox.fancytree-radio {
  background-position: -64px -48px;
}
.fancytree-partsel span.fancytree-checkbox.fancytree-radio:hover {
  background-position: -80px -48px;
}
.fancytree-selected span.fancytree-checkbox {
  background-position: -32px -32px;
}
.fancytree-selected span.fancytree-checkbox:hover {
  background-position: -48px -32px;
}
.fancytree-selected span.fancytree-checkbox.fancytree-radio {
  background-position: -32px -48px;
}
.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover {
  background-position: -48px -48px;
}
.fancytree-unselectable span.fancytree-checkbox {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.fancytree-unselectable span.fancytree-checkbox:hover {
  background-position: 0px -32px;
}
.fancytree-unselectable.fancytree-partsel span.fancytree-checkbox:hover {
  background-position: -64px -32px;
}
.fancytree-unselectable.fancytree-selected span.fancytree-checkbox:hover {
  background-position: -32px -32px;
}
/*------------------------------------------------------------------------------
 * Node type icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: fancytree-ico-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'f': folder
 *----------------------------------------------------------------------------*/
span.fancytree-icon {
  margin-left: 3px;
  background-position: 0px 0px;
}
/* Documents */
.fancytree-ico-c span.fancytree-icon:hover {
  background-position: -16px 0px;
}
.fancytree-has-children.fancytree-ico-c span.fancytree-icon {
  background-position: -32px 0px;
}
.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover {
  background-position: -48px 0px;
}
.fancytree-ico-e span.fancytree-icon {
  background-position: -64px 0px;
}
.fancytree-ico-e span.fancytree-icon:hover {
  background-position: -80px 0px;
}
/* Folders */
.fancytree-ico-cf span.fancytree-icon {
  background-position: 0px -16px;
}
.fancytree-ico-cf span.fancytree-icon:hover {
  background-position: -16px -16px;
}
.fancytree-has-children.fancytree-ico-cf span.fancytree-icon {
  background-position: -32px -16px;
}
.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover {
  background-position: -48px -16px;
}
.fancytree-ico-ef span.fancytree-icon {
  background-position: -64px -16px;
}
.fancytree-ico-ef span.fancytree-icon:hover {
  background-position: -80px -16px;
}
.fancytree-loading span.fancytree-expander,
.fancytree-loading span.fancytree-expander:hover,
.fancytree-statusnode-loading span.fancytree-icon,
.fancytree-statusnode-loading span.fancytree-icon:hover {
  background-image: url("data:image/gif;base64,R0lGODlhEAAQAPcAAEai/0+m/1is/12u/2Oy/2u1/3C3/3G4/3W6/3q8/3+//4HA/4XC/4nE/4/H/5LI/5XK/5vN/57O/6DP/6HQ/6TS/6/X/7DX/7HY/7bb/7rd/7ze/8Hg/8fj/8rl/83m/9Dn/9Lp/9bq/9jr/9rt/9/v/+Dv/+Hw/+Xy/+v1/+32//D3//L5//f7//j7//v9/0qk/06m/1Ko/1er/2Cw/2m0/2y2/3u9/32+/4jD/5bK/5jL/5/P/6HP/6PS/6fS/6nU/67X/7Ta/7nc/7zd/8Ph/8bj/8jk/8vl/9Pp/9fr/9rs/9zu/+j0/+72//T6/0ij/1Op/1uu/1yu/2Wy/2q0/2+3/3C4/3m8/3y9/4PB/4vE/4/G/6XS/6jU/67W/7HZ/7Xa/7vd/73e/8Lh/8nk/87m/9Hn/9Ho/9vt/97u/+Lx/+bz/+n0//H4//X6/1Gn/1Go/2Gx/36+/5PJ/5TJ/5nL/57P/7PZ/7TZ/8Xi/9Tq/9zt/+by/+r0/+73//P5//n8/0uk/1Wq/3K4/3e7/4bC/4vF/47G/5fK/77f/9Do/9ns/+Tx/+/3//L4//b6//r9/2Wx/2q1/4bD/6DQ/6fT/9Tp/+Lw/+jz//D4//j8/1qt/2mz/5rM/6bS/8Lg/8jj/97v/+r1/1Cn/1ar/2Cv/3O5/3++/53O/8Th/9Lo/9Xq/+z2/2Kw/2Sx/8Ti/4rF/7DY/1+v/4TB/7fb/+Ty/1+u/2Ox/4zG/6vU/7/f//r8/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/i1NYWRlIGJ5IEtyYXNpbWlyYSBOZWpjaGV2YSAod3d3LmxvYWRpbmZvLm5ldCkAIfkEAQoAMAAsAAAAABAAEAAABptAmFCI6mAsnNNwCUthGomDoYCQoJinyELRgDwUhAFCNFRJGg8P6/VSaQyCgxK2cURMTJioEIA0Jw8geUIZAQMkIhEVLIMwKgMAFx4SGS+NLwwCFR8UGo1CKSgsJBUYLZ9sMCsZF3iDLy2nMCEXGyp5bSqyLBwaHSguQi8sKigqlkIqHb4hJc4lJsdMLSQeHyEhIyXSgy2hxsFLQQAh+QQBCgAAACwAAAAAEAAQAAAHp4AAgoIoH0NCSCiDiwBORDo5Czg3C0BNjCg/Dw46PjwOBwcLS4MrQTs9ICwvL05FODU4igBGPECzi0s4NDyNQT5KjINDAzZMTEBCLMKCTQczQ0lBRcyDODI8SojVAC84MTxMQkVP1SgDMEJPRkS4jB8xM6RKRR/Lwi9HQYJPIB9KTV4MeuHiicBSSkAoYYKiiRMnKw4ucnFiyRKGKJyUq/aChUaDjAIBACH5BAEKAAAALAAAAAAQABAAAAeogACCgm1KZGRmbYOLAG5GXjoPXFsPYIqLbWE7XV1fXjtaWQ9qg25iXmBKby8AKmVcWFyXaBdil4tqWldejWNhpIyCZFZZa2tjZG/BgipYVWRpY2bLg1s0XWpGaNQAL1pTXW1maMrLbVZSYm9oZyrUYVFUpGxoaeWLZzQBOoJvamkm3OCSAsWKiUH+1rBp48bFCxVWaGxb9LBNGxVvVqUBFuzFizculgUCACH5BAEKAAEALAAAAAAQABAAAAi4AAMIFPiHxJEjJPwMXBgAEIg8XijcsUNhzB+GfzjkwYNnSB4KdRzcWTPwzZEhY/i8EfgmhJ0GdhQGIDFGz0WGJuoswBPgzQc9fRgOPDKnQR8/H0K4EErQQQKgIPgwFRioTgE8ffZInRqIztWCfAJN/TOnAAcXJvgAmjpEDgKSf9b4Ectwz5UBd6j68fNnaYBAfvIUEIAgKNU/gN4E+sNgAJw4BvYIfeMiUB8BAAbUMTz1TYU8YRcGBAAh+QQBCgAAACwAAAAAEAAQAAAItAABCBT4qJGIRY0cDVwIAJIIMnnyWABiwYjChY8WGVFExgjELjwsNBroQgSSD40gCXQIJFGXi41AiHjEEECjLg8UNWS06GLND4gSNXrEqESkmgQTGfrgqMRIpAAidVkwpKDPmpF44MgDqVGTo0gdHbqBJJIjR2BrkiG0YCSkRyprMsJBCMhASJEioczbZEihGoaeCtQrgwYOujRoLGBU08IgQYJkzKjBQ/DCSIzy8OgypATDgAAh+QQBCgAAACwAAAAAEAAQAAAIswABCBQIKRMfPmw0DVwIYBObEEiKjBEzJoTChZD4XArB0UyRMBfGtBm4CdOSJW02EeQjxkuYi38wYYLEEEAmDJWMNGyTsKbAS5Us/YHU5o9PgZos7QixSdPFo18eFNkESeXRTV+4FGlo1aemHVvM7ORzFMmCByOXHJgSoiafLTgwCOQjCYqkMCk3/SlCCQvagSEmBRh0gBLcAwe4kF2IaYekKVNoTMLiZWTNTSwtWRqDiWFAACH5BAEKAAIALAAAAAAQABAAAAi5AAUIFOhCBRs2o94MXCjghQpRI/YkQYJkj8KFL0atEcVRVJIOY0KtWKhi1Cg3LwS+YdNhCCg3Kt2oSMlQxZg8IGLSZChA1IU8Khru5PkmjxdRbtgE5TlwCAUknzgxGIoxDw8kQgAMGMVUgJtPnvaQGBAgT1cQDyhwhRCnUxKeazw5GCNwTQFOBsbMfLECyYMGPJYK2INgAAEFDyA0ULDA0xqGbHggKFDgQIIGF7jyfLGmw4ULHdgwDAgAIfkEAQoAAAAsAAAAABAAEAAACLcAAQgcqElTK00uBioUuKlVEzYnlixhk3BhC4MO2SxhtIrVCoWbNrnYNLAhKzMgWggMgqTiwhVIiiwBsKQUKTMLB7IhoqpVHhimmuQU2KJInhOpYtxwmdNMHlapZKAiORRAkSCshpQ61arqijxAJNoYMKTqEh95uvagUWjmQjZAUqkSyAZVDVRFWoXUBKLHjiAfBS5hcOqUg1Q+djh44IPNwiZAFtxAtSCHDiJdh55AkmeIGaEKAwIAIfkEAQoAAAAsAAAAABAAEAAACLcAAQgcGMgFJEiBBioEUEIJAINuRo36k1AhGldXVhSMyAaTCUgDMVWBMiWNQjeY0pRwIVBHAFdoFgKAxOgMG4avooSRKfCPmTOQNEi5MornwzNIRnWZQqkiTyVFSnRxtYWlUTMa0hSpkuWPUUgcNGDClMVKEaMmwohxA6CLFUolZI7ScCEmgFFcsnBB4nVmCTBeNLAVWCKvlh1dvnjRUSlMUYWjwDzYwuWBji6wBss1U6QImscDAwIAIfkEAQoAAQAsAAAAABAAEAAACLMAAwgUyEfWJxYDEw5sBGEAAAGNXkCCpDAAKwNw4AxgoEIii44LCwnolMfPC4EvVPgxKfDOgCusKr7ws0ZFABOF5IipKJAFHz4vOBSYY5NnAD4jVMgqAOGkUT5J/CxtajRAmiRr9CSIVbQiJFZI/DRyMAeJ0awfKMqaQ2dNRRV6xqQR6MdOLDusEAaAtGbMGCR6A6y54wDCpzxiZCnm0FWgijF3INyhcDhJYIV+wH5I0zhAQAAh+QQBCgAAACwAAAAAEAAQAAAItAABCBRYYkiqVLUYuRjIkE2qGjNkxBA0IwhDgYwU0JhVg1YCGjLMLBzYxFCNBEM0uXDBxkyLlQOBEFLA6CKAlZpaAGBjiBAZmwP//HFhJMGhP0AF/mHjopaCVCOBsmGjqZahLlFtsinxx4yhHZqSurDFaGkiREmS/rnESOeQB6nY2NR0CYRcAH+67AByaWSLlkj6DmQTJFWXWmSMkCFCBkRYhn+MBAESpBbitmpLJLlU4vHAgAAh+QQBCgAAACwAAAAAEAAQAAAIvQABCBS4ZpclS0PWDFwIoI0uHFVu3ZIiiY7ChWpyHTiAowGDK4MCVEEzsA0dLAw4OOHFq00YXFBwqREIBkeumQzN3DqQBkCmOgvKMByYpg0vAGZy7XAydCCvFgA45NLVdGCLFrw40PlytCoLJy0u7bAEtSkvJ21aOLF055JXNkYBwKoEJtPQFmvWMAWwIoyuIWrKunCSJo2Jrg2HXAjDwcwlNCDQpCk7kAWIXUN2wTKDZo2Lqk7YpFGTibLAgAA7");
  background-position: 0px 0px;
}
/* Status node icons */
.fancytree-statusnode-error span.fancytree-icon,
.fancytree-statusnode-error span.fancytree-icon:hover {
  background-position: 0px -112px;
}
/*------------------------------------------------------------------------------
 * Node titles and highlighting
 *----------------------------------------------------------------------------*/
span.fancytree-node {
  /* See #117 */
  display: inherit;
  width: 100%;
  margin-top: 0px;
  min-height: 20px;
}
span.fancytree-title {
  color: black;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  min-height: 20px;
  padding: 0 3px 0 3px;
  margin: 0px 0 0 3px;
  border: 1px solid transparent;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
span.fancytree-node.fancytree-error span.fancytree-title {
  color: red;
}
/*------------------------------------------------------------------------------
 * Drag'n'drop support
 *----------------------------------------------------------------------------*/
div.fancytree-drag-helper span.fancytree-childcounter,
div.fancytree-drag-helper span.fancytree-dnd-modifier {
  display: inline-block;
  color: #fff;
  background: #337ab7;
  border: 1px solid gray;
  min-width: 10px;
  height: 10px;
  line-height: 1;
  vertical-align: baseline;
  border-radius: 10px;
  padding: 2px;
  text-align: center;
  font-size: 9px;
}
div.fancytree-drag-helper span.fancytree-childcounter {
  position: absolute;
  top: -6px;
  right: -6px;
}
div.fancytree-drag-helper span.fancytree-dnd-modifier {
  background: #5cb85c;
  border: none;
  font-weight: bolder;
}
div.fancytree-drag-helper.fancytree-drop-accept span.fancytree-drag-helper-img {
  background-position: -32px -112px;
}
div.fancytree-drag-helper.fancytree-drop-reject span.fancytree-drag-helper-img {
  background-position: -16px -112px;
}
/*** Drop marker icon *********************************************************/
#fancytree-drop-marker {
  width: 32px;
  position: absolute;
  background-position: 0px -128px;
  margin: 0;
}
#fancytree-drop-marker.fancytree-drop-after,
#fancytree-drop-marker.fancytree-drop-before {
  width: 64px;
  background-position: 0px -144px;
}
#fancytree-drop-marker.fancytree-drop-copy {
  background-position: -64px -128px;
}
#fancytree-drop-marker.fancytree-drop-move {
  background-position: -32px -128px;
}
/*** Source node while dragging ***********************************************/
span.fancytree-drag-source.fancytree-drag-remove {
  opacity: 0.15;
}
/*** Target node while dragging cursor is over it *****************************/
/*------------------------------------------------------------------------------
 * 'rtl' option
 *----------------------------------------------------------------------------*/
.fancytree-container.fancytree-rtl .fancytree-title {
  /*unicode-bidi: bidi-override;*/
  /* optional: reverse title letters */
}
.fancytree-container.fancytree-rtl span.fancytree-connector,
.fancytree-container.fancytree-rtl span.fancytree-expander,
.fancytree-container.fancytree-rtl span.fancytree-icon,
.fancytree-container.fancytree-rtl span.fancytree-drag-helper-img,
.fancytree-container.fancytree-rtl #fancytree-drop-marker {
  background-image: url("icons-rtl.gif");
}
.fancytree-container.fancytree-rtl .fancytree-exp-n span.fancytree-expander,
.fancytree-container.fancytree-rtl .fancytree-exp-nl span.fancytree-expander {
  background-image: none;
}
.fancytree-container.fancytree-rtl.fancytree-connectors .fancytree-exp-n span.fancytree-expander,
.fancytree-container.fancytree-rtl.fancytree-connectors .fancytree-exp-nl span.fancytree-expander {
  background-image: url("icons-rtl.gif");
}
ul.fancytree-container.fancytree-rtl ul {
  padding: 0 16px 0 0;
}
ul.fancytree-container.fancytree-rtl.fancytree-connectors li {
  background-position: right 0;
  background-image: url("vline-rtl.gif");
}
ul.fancytree-container.fancytree-rtl li.fancytree-lastsib,
ul.fancytree-container.fancytree-rtl.fancytree-no-connector > li {
  background-image: none;
}
/*------------------------------------------------------------------------------
 * 'table' extension
 *----------------------------------------------------------------------------*/
table.fancytree-ext-table {
  border-collapse: collapse;
}
table.fancytree-ext-table span.fancytree-node {
  display: inline-block;
  box-sizing: border-box;
}
/*------------------------------------------------------------------------------
 * 'columnview' extension
 *----------------------------------------------------------------------------*/
table.fancytree-ext-columnview tbody tr td {
  position: relative;
  border: 1px solid gray;
  vertical-align: top;
  overflow: auto;
}
table.fancytree-ext-columnview tbody tr td > ul {
  padding: 0;
}
table.fancytree-ext-columnview tbody tr td > ul li {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
  background-attachment: scroll;
  background-color: transparent;
  background-position: 0px 0px;
  background-repeat: repeat-y;
  background-image: none;
  /* no v-lines */
  margin: 0;
}
table.fancytree-ext-columnview span.fancytree-node {
  position: relative;
  /* allow positioning of embedded spans */
  display: inline-block;
}
table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded {
  background-color: #CBE8F6;
}
table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right {
  position: absolute;
  right: 3px;
  background-position: 0px -80px;
}
table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover {
  background-position: -16px -80px;
}
/*------------------------------------------------------------------------------
 * 'filter' extension
 *----------------------------------------------------------------------------*/
.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title {
  color: silver;
  font-weight: lighter;
}
.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title,
.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title {
  color: black;
  font-weight: normal;
}
.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title,
.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title {
  color: black;
  font-weight: bold;
}
.fancytree-ext-filter-hide tr.fancytree-hide,
.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide {
  display: none;
}
.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title,
.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title {
  color: silver;
  font-weight: lighter;
}
.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title,
.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title {
  color: black;
  font-weight: normal;
}
/* Hide expanders if all child nodes are hidden by filter */
.fancytree-ext-filter-hide-expanders tr.fancytree-match span.fancytree-expander,
.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-match span.fancytree-expander {
  visibility: hidden;
}
.fancytree-ext-filter-hide-expanders tr.fancytree-submatch span.fancytree-expander,
.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-submatch span.fancytree-expander {
  visibility: visible;
}
.fancytree-ext-childcounter span.fancytree-icon,
.fancytree-ext-filter span.fancytree-icon {
  position: relative;
}
.fancytree-ext-childcounter span.fancytree-childcounter,
.fancytree-ext-filter span.fancytree-childcounter {
  color: #fff;
  background: #777;
  border: 1px solid gray;
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 10px;
  height: 10px;
  line-height: 1;
  vertical-align: baseline;
  border-radius: 10px;
  padding: 2px;
  text-align: center;
  font-size: 9px;
}
/*------------------------------------------------------------------------------
 * 'wide' extension
 *----------------------------------------------------------------------------*/
ul.fancytree-ext-wide {
  position: relative;
  min-width: 100%;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
ul.fancytree-ext-wide span.fancytree-node > span {
  position: relative;
  z-index: 2;
}
ul.fancytree-ext-wide span.fancytree-node span.fancytree-title {
  position: absolute;
  z-index: 1;
  left: 0px;
  min-width: 100%;
  margin-left: 0;
  margin-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*------------------------------------------------------------------------------
 * 'fixed' extension
 *----------------------------------------------------------------------------*/
.fancytree-ext-fixed-wrapper .fancytree-fixed-hidden {
  display: none;
}
.fancytree-ext-fixed-wrapper div.scrollBorderBottom {
  border-bottom: 3px solid rgba(0, 0, 0, 0.75);
}
.fancytree-ext-fixed-wrapper div.scrollBorderRight {
  border-right: 3px solid rgba(0, 0, 0, 0.75);
}
.fancytree-ext-fixed-wrapper div.fancytree-fixed-wrapper-tl {
  position: absolute;
  overflow: hidden;
  z-index: 3;
  top: 0px;
  left: 0px;
}
.fancytree-ext-fixed-wrapper div.fancytree-fixed-wrapper-tr {
  position: absolute;
  overflow: hidden;
  z-index: 2;
  top: 0px;
}
.fancytree-ext-fixed-wrapper div.fancytree-fixed-wrapper-bl {
  position: absolute;
  overflow: hidden;
  z-index: 2;
  left: 0px;
}
.fancytree-ext-fixed-wrapper div.fancytree-fixed-wrapper-br {
  position: absolute;
  overflow: scroll;
  z-index: 1;
}
/*******************************************************************************
 * Styles specific to this skin.
 *
 * This section is automatically generated from the `ui-fancytree.less` template.
 ******************************************************************************/
/*******************************************************************************
 * Node titles
 */
.fancytree-plain span.fancytree-title {
  border: 1px solid transparent;
}
.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-focused span.fancytree-title {
  border-color: #3399ff;
}
.fancytree-plain span.fancytree-active span.fancytree-title,
.fancytree-plain span.fancytree-selected span.fancytree-title {
  background-color: #f7f7f7;
  border-color: #dedede;
}
.fancytree-plain span.fancytree-node span.fancytree-selected span.fancytree-title {
  font-style: italic;
}
.fancytree-plain span.fancytree-node:hover span.fancytree-title {
  background-color: #eff9fe;
  border-color: #70c0e7;
}
.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title,
.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title {
  background-color: #cbe8f6;
  border-color: #26a0da;
}
/*******************************************************************************
 * 'table' extension
 */
table.fancytree-ext-table tbody tr td {
  border: 1px solid #EDEDED;
}
table.fancytree-ext-table tbody span.fancytree-node,
table.fancytree-ext-table tbody span.fancytree-node:hover {
  border: none;
  background: none;
}
table.fancytree-ext-table tbody tr:hover {
  background-color: #E5F3FB;
  outline: 1px solid #70C0E7;
}
table.fancytree-ext-table tbody tr.fancytree-focused span.fancytree-title {
  outline: 1px dotted black;
}
table.fancytree-ext-table tbody tr.fancytree-active:hover,
table.fancytree-ext-table tbody tr.fancytree-selected:hover {
  background-color: #CBE8F6;
  outline: 1px solid #26A0DA;
}
table.fancytree-ext-table tbody tr.fancytree-active {
  background-color: #F7F7F7;
  outline: 1px solid #DEDEDE;
}
table.fancytree-ext-table tbody tr.fancytree-selected {
  background-color: #F7F7F7;
}
table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active {
  background-color: #CBE8F6;
  outline: 1px solid #26A0DA;
}
table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected {
  background-color: #CBE8F6;
}
@charset "UTF-8";
/*!
 * jQuery contextMenu - Plugin for simple contextMenu handling
 *
 * Version: v2.6.3
 *
 * Authors: Björn Brala (SWIS.nl), Rodney Rehm, Addy Osmani (patches for FF)
 * Web: http://swisnl.github.io/jQuery-contextMenu/
 *
 * Copyright (c) 2011-2017 SWIS BV and contributors
 *
 * Licensed under
 *   MIT License http://www.opensource.org/licenses/mit-license
 *
 * Date: 2017-10-30T19:03:13.936Z
 */
@-webkit-keyframes cm-spin {
  0% {
    -webkit-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(-50%) rotate(359deg);
            transform: translateY(-50%) rotate(359deg);
  }
}
@-o-keyframes cm-spin {
  0% {
    -webkit-transform: translateY(-50%) rotate(0deg);
         -o-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(-50%) rotate(359deg);
         -o-transform: translateY(-50%) rotate(359deg);
            transform: translateY(-50%) rotate(359deg);
  }
}
@keyframes cm-spin {
  0% {
    -webkit-transform: translateY(-50%) rotate(0deg);
         -o-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(-50%) rotate(359deg);
         -o-transform: translateY(-50%) rotate(359deg);
            transform: translateY(-50%) rotate(359deg);
  }
}

@font-face {
  font-family: "context-menu-icons";
  font-style: normal; 
  font-weight: normal;

  src: url("font/context-menu-icons.eot?2wp27");
  src: url("font/context-menu-icons.eot?2wp27#iefix") format("embedded-opentype"), url("font/context-menu-icons.woff2?2wp27") format("woff2"), url("font/context-menu-icons.woff?2wp27") format("woff"), url("font/context-menu-icons.ttf?2wp27") format("truetype");
}

.context-menu-icon-add:before {
  content: "\EA01";
}

.context-menu-icon-copy:before {
  content: "\EA02";
}

.context-menu-icon-cut:before {
  content: "\EA03";
}

.context-menu-icon-delete:before {
  content: "\EA04";
}

.context-menu-icon-edit:before {
  content: "\EA05";
}

.context-menu-icon-loading:before {
  content: "\EA06";
}

.context-menu-icon-paste:before {
  content: "\EA07";
}

.context-menu-icon-quit:before {
  content: "\EA08";
}

.context-menu-icon::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 2em; 
  font-family: "context-menu-icons";
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #2980b9;
  text-align: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);

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

.context-menu-icon.context-menu-hover:before {
  color: #fff;
}

.context-menu-icon.context-menu-disabled::before {
  color: #bbb;
}

.context-menu-icon.context-menu-icon-loading:before {
  -webkit-animation: cm-spin 2s infinite;
       -o-animation: cm-spin 2s infinite;
          animation: cm-spin 2s infinite;
}

.context-menu-icon.context-menu-icon--fa {
  display: list-item;
  font-family: inherit;
}
.context-menu-icon.context-menu-icon--fa::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 2em; 
  font-family: FontAwesome;
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #2980b9;
  text-align: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.context-menu-icon.context-menu-icon--fa.context-menu-hover:before {
  color: #fff;
}
.context-menu-icon.context-menu-icon--fa.context-menu-disabled::before {
  color: #bbb;
}

.context-menu-list {
  position: absolute; 
  display: inline-block;
  min-width: 13em;
  max-width: 26em;
  padding: .25em 0;
  margin: .3em;
  font-family: inherit;
  font-size: inherit;
  list-style-type: none;
  background: #fff;
  border: 1px solid #bebebe;
  border-radius: .2em;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
          box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}

.context-menu-item {
  position: relative;
  padding: .2em 2em;
  color: #2f2f2f;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; 
  background-color: #fff;
}

.context-menu-separator {
  padding: 0; 
  margin: .35em 0;
  border-bottom: 1px solid #e6e6e6;
}

.context-menu-item > label > input,
.context-menu-item > label > textarea {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}

.context-menu-item.context-menu-hover {
  color: #fff;
  cursor: pointer; 
  background-color: #2980b9;
}

.context-menu-item.context-menu-disabled {
  color: #bbb;
  cursor: default; 
  background-color: #fff;
}

.context-menu-input.context-menu-hover {
  color: #2f2f2f; 
  cursor: default;
}

.context-menu-submenu:after {
  position: absolute;
  top: 50%;
  right: .5em;
  z-index: 1; 
  width: 0;
  height: 0;
  content: '';
  border-color: transparent transparent transparent #2f2f2f;
  border-style: solid;
  border-width: .25em 0 .25em .25em;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}

/**
 * Inputs
 */
.context-menu-item.context-menu-input {
  padding: .3em .6em;
}

/* vertically align inside labels */
.context-menu-input > label > * {
  vertical-align: top;
}

/* position checkboxes and radios as icons */
.context-menu-input > label > input[type="checkbox"],
.context-menu-input > label > input[type="radio"] {
  position: relative;
  top: .12em; 
  margin-right: .4em;
}

.context-menu-input > label {
  margin: 0;
}

.context-menu-input > label,
.context-menu-input > label > input[type="text"],
.context-menu-input > label > textarea,
.context-menu-input > label > select {
  display: block;
  width: 100%; 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.context-menu-input > label > textarea {
  height: 7em;
}

.context-menu-item > .context-menu-list {
  top: .3em; 
  /* re-positioned by js */
  right: -.3em;
  display: none;
}

.context-menu-item.context-menu-visible > .context-menu-list {
  display: block;
}

.context-menu-accesskey {
  text-decoration: underline;
}
/* PNotify modules included in this custom build file:
animate
buttons
callbacks
confirm
history
nonblock
*/
/*
Author  : Hunter Perrin
Version : 3.0.0
Link    : http://sciactive.com/pnotify/
*/
/* -- Notice */
.ui-pnotify {
    top: 36px;
    right: 36px;
    position: absolute;
    height: auto;
    z-index: 2;
}
body > .ui-pnotify {
    /* Notices in the body context should be fixed to the viewport. */
    position: fixed;
    /* Ensures notices are above everything */
    z-index: 100040;
}
.ui-pnotify-modal-overlay {
    background-color: rgba(0, 0, 0, .4);
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
}
body > .ui-pnotify-modal-overlay {
    position: fixed;
    z-index: 100039;
}
.ui-pnotify.ui-pnotify-in {
    display: block !important;
}
.ui-pnotify.ui-pnotify-move {
    transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
}
.ui-pnotify.ui-pnotify-fade-slow {
    transition: opacity .6s linear;
    opacity: 0;
}
.ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move {
    transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
}
.ui-pnotify.ui-pnotify-fade-normal {
    transition: opacity .4s linear;
    opacity: 0;
}
.ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move {
    transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
}
.ui-pnotify.ui-pnotify-fade-fast {
    transition: opacity .2s linear;
    opacity: 0;
}
.ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move {
    transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
}
.ui-pnotify.ui-pnotify-fade-in {
    opacity: 1;
}
.ui-pnotify .ui-pnotify-shadow {
    -webkit-box-shadow: 0px 6px 28px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 6px 28px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 6px 28px 0px rgba(0,0,0,0.1);
}
.ui-pnotify-container {
    background-position: 0 0;
    padding: .8em;
    height: 100%;
    margin: 0;
}
.ui-pnotify-container:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
.ui-pnotify-container.ui-pnotify-sharp {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.ui-pnotify-title {
    display: block;
    margin-bottom: .4em;
    margin-top: 0;
}
.ui-pnotify-text {
    display: block;
}
.ui-pnotify-icon, .ui-pnotify-icon span {
    display: block;
    float: left;
    margin-right: .2em;
}
/* Alternate stack initial positioning. */
.ui-pnotify.stack-topleft, .ui-pnotify.stack-bottomleft {
    left: 25px;
    right: auto;
}
.ui-pnotify.stack-bottomright, .ui-pnotify.stack-bottomleft {
    bottom: 25px;
    top: auto;
}
.ui-pnotify.stack-modal {
    left: 50%;
    right: auto;
    margin-left: -150px;
}
.ui-pnotify-closer, .ui-pnotify-sticker {
    float: right;
    margin-left: .2em;
}
/* -- Pulldown */
.ui-pnotify-history-container {
    position: absolute;
    top: 0;
    right: 18px;
    width: 70px;
    border-top: none;
    padding: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    /* Ensures history container is above notices. */
    z-index: 10000;
}
.ui-pnotify-history-container.ui-pnotify-history-fixed {
    position: fixed;
}
.ui-pnotify-history-container .ui-pnotify-history-header {
    padding: 2px;
    text-align: center;
}
.ui-pnotify-history-container button {
    cursor: pointer;
    display: block;
    width: 100%;
}
.ui-pnotify-history-container .ui-pnotify-history-pulldown {
    display: block;
    margin: 0 auto;
}
.ui-pnotify.ui-pnotify-nonblock-fade {
    /*transition: opacity .3s ease;*/
    opacity: .2;
}
.ui-pnotify.ui-pnotify-nonblock-hide {
    display: none !important;
}.ui-multiselect {
	padding: 6px 0 6px 8px;
	text-align:left;
	line-height: 100%;
}
.ui-multiselect .label {
	display: inline-block;
	width: calc(100% - 16px);
}
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }

.ui-multiselect-container {
	border-bottom: 1px solid #aaaaaa;
	padding: 3px 1px;
	display: flex;
}

.ui-multiselect-header-search {
	margin-bottom:3px;
	padding:0 4px 0 4px ;
	background-color: white;
	flex-grow: 2;
}

.ui-multiselect-icon { margin-top: 0;}
.ui-multiselect-search-input:focus { outline: none;}

.ui-multiselect-search-input {
	width: 100%;
	border: none;
}

.ui-multiselect-tag-container{
	display: flex;
	flex-wrap: wrap;
}

.ui-multiselect-tag{
	padding: 4px 5px;
	background-color: rgba(9, 30, 66, 0.08);
	border-radius: 3px;
	margin: 3px 3px;
}
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { white-space:nowrap; text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu {
	display:none;
	padding:3px;
	position:absolute;
	z-index:10000;
	text-align: left;
	background-color: coral;
}
.ui-dialog .ui-multiselect-menu {
	position: fixed;
}

.ui-multiselect-checkboxes {
	position:relative;
	overflow-y: auto;
	padding-right : 0px;
	max-height: 320px;
}
.ui-multiselect-checkboxes label {
	cursor:default;
	display:block;
	white-space:nowrap;
	border:1px solid transparent !important;
	padding:3px 1px;
	padding-right: 20px;
	margin:0px;
}
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li {
	clear: both;
	font-size: 1em;
	padding-right: 0px;
	border-bottom: solid 1px rgba(100, 100,100, 0.2);
}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }

.dropDownIcon {
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
	background-position: center center;
	display: inline-block;
	vertical-align: text-bottom;
	margin-right: 4px;
}
.ui-multiselect-menu label {
	cursor: pointer;
}

.ui-multiselect {
	cursor: pointer;
}

.ui-multiselect-hidden {
	display: none;
}.tipsy { font-size: 0.9em; position: absolute; padding: 5px; z-index: 100000; }
  .tipsy-inner { background-color: #FEFEFE; color: black; max-width: 500px; padding: 5px 8px 4px 8px; text-align: center; }

  /* Rounded corners */
  .tipsy-inner { border: 1px #666666 solid; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
  
  /* Uncomment for shadow */
  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
  
  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
  
  /* Rules to colour arrows */
  .tipsy-arrow-n { border-bottom-color: #666666; }
  .tipsy-arrow-s { border-top-color: #666666; }
  .tipsy-arrow-e { border-left-color: #666666; }
  .tipsy-arrow-w { border-right-color: #666666; }
  
	.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }

.tipsy-alignLeft .tipsy-inner { text-align: left; }
#header-bar{background:#c4dcfb;}/* Header */

/* Splitbar styles; these are the default class names and required styles */
.splitbarV {
float:left;width:5px;height:100%;
line-height:0px;font-size:0px;
border-left:solid 1px dimgray;border-right:solid 1px dimgray;
background: dimgray 0% 50%;
}
.splitbarH {
height:6px;text-align:left;line-height:0px;font-size:0px;
border-top:solid 1px #9cbdff;border-bottom:solid 1px #9cbdff;
background:#cbe1fb url(/images/jquery-ui/splitter/paneh.gif) 50% 0%;
}

.splitbuttonV{
margin-top:-41px;margin-left:-4px;top:50%;position:relative;
height:100px;width:10px;
}
.splitbuttonV.invert{
margin-left:0px;

}
.splitbuttonH{
margin-left:-41px;left:50%;position:relative;
height:10px !important;width:83px;
}
.splitbuttonH.invert{
}
.splitbarV.working,.splitbarH.working,.splitbuttonV.working,.splitbuttonH.working{
 -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;
}

/*
 *	PANES & CONTENT-DIVs
 */
.ui-layout-pane { /* all 'panes' */
	background:	#FFF;
	/*border:		1px solid #BBB;*/
	overflow:	auto;
	/* DO NOT add scrolling (or padding) to 'panes' that have a content-div,
	   otherwise you may get double-scrollbars - on the pane AND on the content-div
	   - use ui-layout-wrapper class if pane has a content-div
	   - use ui-layout-container if pane has an inner-layout
	*/
	}
	/* (scrolling) content-div inside pane allows for fixed header(s) and/or footer(s) */
	.ui-layout-content {
		padding:	10px;
		position:	relative; /* contain floated or positioned elements */
		overflow:	auto; /* add scrolling to content-div */
	}

/*
 *	UTILITY CLASSES
 *	Must come AFTER pane-class above so will override
 *	These classes are NOT auto-generated and are NOT used by Layout
 */
.layout-child-container,
.layout-content-container {
	padding:	0;
	overflow:	hidden;
}
.layout-child-container {
	border:		0; /* remove border because inner-layout-panes probably have borders */
}
.layout-scroll {
	overflow:	auto;
}
.layout-hide {
	display:	none;
}

/*
 *	RESIZER-BARS
 */
.ui-layout-resizer	{ /* all 'resizer-bars' */
	background:		rgb(105, 105, 105);
	border:			1px solid #BBB;
	border-width:	0;
	}
	.ui-layout-resizer-drag {		/* REAL resizer while resize in progress */
	}
	.ui-layout-resizer-hover	{	/* affects both open and closed states */
		background: rgb(70, 130, 180);
	}
	/* NOTE: It looks best when 'hover' and 'dragging' are set to the same color,
		otherwise color shifts while dragging when bar can't keep up with mouse */
	.ui-layout-resizer-open-hover ,	/* hover-color to 'resize' */
	.ui-layout-resizer-dragging {	/* resizer beging 'dragging' */
		background: rgb(70, 130, 180);
	}
	.ui-layout-resizer-dragging {	/* CLONED resizer being dragged */
		border: 	 1px solid #BBB;
	}
	.ui-layout-resizer-north-dragging,
	.ui-layout-resizer-south-dragging {
		border-width:	1px 0;
	}
	.ui-layout-resizer-west-dragging,
	.ui-layout-resizer-east-dragging {
		border-width:	0 1px;
	}
	/* NOTE: Add a 'dragging-limit' color to provide visual feedback when resizer hits min/max size limits */
	.ui-layout-resizer-dragging-limit {	/* CLONED resizer at min or max size-limit */
		background: #E1A4A4; /* red */
	}

	.ui-layout-resizer-closed-hover	{ /* hover-color to 'slide open' */
		background: #EBD5AA;
	}
	.ui-layout-resizer-sliding {	/* resizer when pane is 'slid open' */
		opacity: .10; /* show only a slight shadow */
		filter:  alpha(opacity=10);
		}
		.ui-layout-resizer-sliding-hover {	/* sliding resizer - hover */
			opacity: 1.00; /* on-hover, show the resizer-bar normally */
			filter:  alpha(opacity=100);
		}
		/* sliding resizer - add 'outside-border' to resizer on-hover
		 * this sample illustrates how to target specific panes and states */
		.ui-layout-resizer-north-sliding-hover	{ border-bottom-width:	1px; }
		.ui-layout-resizer-south-sliding-hover	{ border-top-width:		1px; }
		.ui-layout-resizer-west-sliding-hover	{ border-right-width:	1px; }
		.ui-layout-resizer-east-sliding-hover	{ border-left-width:	1px; }

/*
 *	TOGGLER-BUTTONS
 */
.ui-layout-toggler {
	border: 1px solid rgb(105, 105, 105); /* match pane-border */
	background-color: #BBB;
	}
	.ui-layout-resizer-hover .ui-layout-toggler {
		opacity: .60;
		filter:  alpha(opacity=60);
	}
	.ui-layout-toggler-hover , /* need when NOT resizable */
	.ui-layout-resizer-hover .ui-layout-toggler-hover { /* need specificity when IS resizable */
		background-color: #FC6;
		opacity: 1.00;
		filter:  alpha(opacity=100);
	}
	.ui-layout-toggler-north ,
	.ui-layout-toggler-south {
		border-width: 2px 5px; /* left/right borders */
	}
	.ui-layout-toggler-west ,
	.ui-layout-toggler-east {
		border-width: 5px 2px; /* top/bottom borders */
	}
	/* hide the toggler-button when the pane is 'slid open' */
	.ui-layout-resizer-sliding  .ui-layout-toggler {
		display: none;
	}
	/*
	 *	style the text we put INSIDE the togglers
	 */
	.ui-layout-toggler .content {
		color:			#666;
		font-size:		12px;
		font-weight:	bold;
		width:			100%;
		padding-bottom:	0.35ex; /* to 'vertically center' text inside text-span */
	}

/*
 *	PANE-MASKS
 *	these styles are hard-coded on mask elems, but are also
 *	included here as !important to ensure will overrides any generic styles
 */
.ui-layout-mask {
	border:		none !important;
	padding:	0 !important;
	margin:		0 !important;
	overflow:	hidden !important;
	position:	absolute !important;
	opacity:	0 !important;
	filter:		Alpha(Opacity="0") !important;
}
.ui-layout-mask-inside-pane { /* masks always inside pane EXCEPT when pane is an iframe */
	top:		0 !important;
	left:		0 !important;
	width:		100% !important;
	height:		100% !important;
}
div.ui-layout-mask {}		/* standard mask for iframes */
iframe.ui-layout-mask {}	/* extra mask for objects/applets */
.ui-button {
       border-radius: 4px;
}

.ui-button .ui-button-text {
       display: block;
       line-height: .8;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
       padding: .4em 1em .4em 2.1em;
}

.ui-button-text-only .ui-button-text {
       padding: .4em 1em;
}

.ui-controlgroup .ui-checkboxradio-icon {
       display: none;
}

.ui-controlgroup .ui-controlgroup-item {
       line-height: .8;
       padding: .8em 1em;
}

.ui-helper-hidden-accessible {
       position: absolute !important;
       clip: rect(1px 1px 1px 1px);
}

.ui-helper-reset {
    line-height: 2!important;
}

.ui-widget {
       font-family: Arial, 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, sans-serif;
       font-size: 1em;
}

.ui-widget-content {
       border: 1px solid #aaaaaa;
       background-image: none;
       background-color: #ffffff;
       color: #222222;
}

.ui-widget-header {
       border: 1px solid #aaaaaa;
       background: #cccccc url(/css/dist/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% 50% repeat-x;
       color: #222222;
       font-weight: bold;
       border-radius: 4px;
}

.ui-widget-header-search {
       background: white;
       color: #222222;
       font-weight: bold;
}

.ui-widget-content a {
       color: #222222;
}

.ui-widget-content a {
       color: #222222;
}

.ui-widget-header a {
       color: #222222;
}

.ui-multiselect-menu {
       background-image: none;
       border-radius: 4px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
.ui-button:focus {
       /*border: 1px solid #d3d3d3;*/
       /*background: linear-gradient(-45deg, #dddddd 0%, #eeeeee 100%);*/
       border: none;
       background: none;
       font-weight: normal;
       color: #555555;
}

.ui-button.forceBorder,
.ui-button.forceBorder:hover,
.ui-button.forceBorder:active,
.ui-button.forceBorder:focus,
.ui-button.forceBorder:focus:hover,
.ui-button.forceBorder:focus:active {
       border: 1px solid #E6E6E6;
       border-radius: 5px;
}

.ui-state-default.ui-multiselect {
       border-radius: 4px;
}

.ui-widget-header .ui-icon {
       background-image: url(/css/dist/images/ui-icons_222222_256x240.png);
}

.ui-state-default .ui-icon {
       background-image: url(/css/dist/images/ui-icons_777777_256x240.png);
}

.ui-visual-focus {
       box-shadow: none;
}

/* Show the caret one pixel lower to make it vertically aligned */
.ui-icon.ui-icon-caret-1-s {
    background-position-y: 1px!important;
}

.ui-state-hover, .ui-button[selected],
.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.ui-state-active:hover,
.ui-button:focus:hover {
       border: none;
       background: #F0F0F0;
       /*border: 1px solid #999999;*/
       font-weight: normal;
       color: #212121;
}

/*.ui-button:focus {*/
/*       border: none;*/
/*       background: none;*/
/*}*/

.ui-button:active,
.ui-button:focus:active,
.ui-multiselect:active,
.ui-state-active,
.ui-widget-content .ui-state-active {
       border: none;
       background: #D7D7D7;
       /*border: 1px solid #999999;*/
       font-weight: normal;
       color: #212121;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-content .ui-state-focus {
       color: #222222;
       font-weight: normal;
       border-color: #999999;
       text-decoration: none
}

.idcaptureGreen.ui-state-default,
.idcaptureGreen.ui-state-hover,
.idcaptureGreen.ui-state-default:focus,
button[disabled].idcaptureGreen,
button[disabled].idcaptureGreen:focus,
button[disabled].idcaptureGreen:hover,
button[disabled].idcaptureGreen.ui-state-focus,
button[disabled].idcaptureGreen.ui-state-active,
button[disabled].idcaptureGreen.ui-button:active,
button[disabled].idcaptureGreen.ui-button:hover,
button[disabled].idcaptureGreen.ui-button:focus,
button[disabled].idcaptureGreen.ui-button.ui-state-active:hover {
    background: #316e77;
    border-color: #316e77;
    border-radius: 4px;
    color: white;
    font-weight: bold;
}

.idcaptureGreen.ui-state-default:active,
.idcaptureGreen.ui-state-default.ui-state-active:hover {
    background: #aac2c7;
    border-color: #aac2c7;
    font-weight: bold;
    color: white;
}

.reversedIdcaptureGreen.ui-state-default,
.reversedIdcaptureGreen.ui-state-hover,
.reversedIdcaptureGreen.ui-state-default:focus,
button[disabled].reversedIdcaptureGreen,
button[disabled].reversedIdcaptureGreen:focus,
button[disabled].reversedIdcaptureGreen:hover,
button[disabled].reversedIdcaptureGreen.ui-state-focus,
button[disabled].reversedIdcaptureGreen.ui-state-active,
button[disabled].reversedIdcaptureGreen.ui-button:active,
button[disabled].reversedIdcaptureGreen.ui-button:hover,
button[disabled].reversedIdcaptureGreen.ui-button:focus,
button[disabled].reversedIdcaptureGreen.ui-button.ui-state-active:hover,
.reversedIdcaptureGreen:focus,
.reversedIdcaptureGreen.dataTables_wrapper button,
.reversedIdcaptureGreen.dataTables_wrapper .ui-button {
    background: white;
    border: 1px solid #316e77;;
    border-radius: 4px;
    color: #316e77;
    font-weight: bold;
}

.reversedIdcaptureGreen.ui-state-default:active,
.reversedIdcaptureGreen.ui-state-default.ui-state-active:hover,
.reversedIdcaptureGreen.dataTables_wrapper .dataTable button:active {
    background: #f1f6f9;
    border-color: #316e77;
    font-weight: bold;
    color: #316e77;
}

.idcaptureGreen.ui-multiselect-menu,
.idcaptureGreen.ui-multiselect-menu:active,
.idcaptureGreen.ui-multiselect-menu.ui-state-active:hover,
.reversedIdcaptureGreen.ui-multiselect-menu,
.reversedIdcaptureGreen.ui-multiselect-menu:active,
.reversedIdcaptureGreen.ui-multiselect-menu.ui-state-active:hover {
       background: #f1f6f9;
       border-color: #316e77;
}

.idcaptureGreen.ui-multiselect-menu label,
.reversedIdcaptureGreen.ui-multiselect-menu label {
       background: white;
       border: none;
       color: #316e77;
       font-weight: bold;
}

.idcaptureGreen.ui-multiselect-menu .ui-multiselect-checkboxes li,
.idcaptureGreen.ui-multiselect-menu .ui-multiselect-container,
.reversedIdcaptureGreen.ui-multiselect-menu .ui-multiselect-checkboxes li,
.reversedIdcaptureGreen.ui-multiselect-menu .ui-multiselect-container {
       border-bottom: solid 1px rgba(49, 110, 119, 0.2);
}

.idcaptureGreen.ui-multiselect-menu label.ui-state-hover,
.idcaptureGreen.ui-multiselect-menu label.ui-state-hover.ui-state-active,
.reversedIdcaptureGreen.ui-multiselect-menu label.ui-state-hover,
.reversedIdcaptureGreen.ui-multiselect-menu label.ui-state-hover.ui-state-active {
       background: #aac2c7;
       border-color: #aac2c7;
       color: #316e77;
       font-weight: bold;
}

.idcaptureGreen.ui-multiselect-menu label.ui-state-active,
.reversedIdcaptureGreen.ui-multiselect-menu label.ui-state-active {
       background: #316e77;
       border-color: #316e77;
       color: white;
       font-weight: bold;
}

.idcaptureGreen.ui-multiselect .ui-icon,
.idcaptureGreen.ui-multiselect-menu .ui-icon,
.reversedIdcaptureGreen.ui-multiselect .ui-icon,
.reversedIdcaptureGreen.ui-multiselect-menu .ui-icon,
.reversedIdcaptureGreen.dataTables_wrapper .ui-icon {
       /* This image does not exist in jqueryui project */
       /*Download from https://download.jqueryui.com/themeroller/images/ui-icons_316e77_256x240.png*/
       background-image: url(/images/jquery-ui/ui-icons_316e77_256x240.png);
}

.idcaptureGreen.ui-multiselect .ui-icon.ui-icon-caret-1-s {
       background-image: url(/css/dist/images/ui-icons_ffffff_256x240.png);
}

.idcaptureGreen .ui-multiselect-header-search,
.idcaptureGreen .ui-multiselect-search-input,
.reversedIdcaptureGreen .ui-multiselect-header-search,
.reversedIdcaptureGreen .ui-multiselect-search-input {
       background: #f1f6f9;
       color: #316e77;
}

.idcaptureGreen .ui-multiselect-header,
.reversedIdcaptureGreen .ui-multiselect-header {
       background: white;
       border-color: #316e77;
       border-radius: 4px;
       color: #316e77;
       font-weight: bold;
}

.idcaptureGreen .ui-multiselect-header a,
.idcaptureGreen .ui-multiselect-header a:link,
.reversedIdcaptureGreen .ui-multiselect-header a,
.reversedIdcaptureGreen .ui-multiselect-header a:link {
       color: #316e77;
       font-weight: bold;
}

.reversedIdcaptureGreen.dataTables_wrapper,
.reversedIdcaptureGreen.dataTables_wrapper .ui-toolbar,
.reversedIdcaptureGreen.dataTables_wrapper .dataTable,
.reversedIdcaptureGreen.dataTables_wrapper .dataTable .ui-state-default,
.reversedIdcaptureGreen.dataTables_wrapper .dataTable .even {
       background: white;
       border-color: #316e77;
       border-radius: 4px;
       color: #316e77;
}

.reversedIdcaptureGreen.dataTables_wrapper .dataTable .odd {
       background: #f1f6f9;
       border-color: #316e77;
       border-radius: 4px;
}

.reversedIdcaptureGreen.dataTables_wrapper .globalActionsPanel a,
.reversedIdcaptureGreen.dataTables_wrapper .globalActionsPanel a:link,
.reversedIdcaptureGreen.dataTables_wrapper .ui-toolbar a,
.reversedIdcaptureGreen.dataTables_wrapper .ui-toolbar a:link {
       color: #316e77;
       font-weight: bold;
}

.reversedIdcaptureGreen.dataTables_wrapper .dataTable tr.row_hover {
       background: #aac2c7;
       border-color: #aac2c7;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
       border: 1px solid #fcefa1;
       background: linear-gradient(to bottom, #999999 0%, #666666 100%) 50% 50% repeat-x;
       color: #363636;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
       -moz-border-radius-topleft: 0px;
       -webkit-border-top-left-radius: 0px;
       -khtml-border-top-left-radius: 0px;
       border-top-left-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
       -moz-border-radius-topright: 0px;
       -webkit-border-top-right-radius: 0px;
       -khtml-border-top-right-radius: 0px;
       border-top-right-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
       -moz-border-radius-bottomleft: 0px;
       -webkit-border-bottom-left-radius: 0px;
       -khtml-border-bottom-left-radius: 0px;
       border-bottom-left-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
       -moz-border-radius-bottomright: 0px;
       -webkit-border-bottom-right-radius: 0px;
       -khtml-border-bottom-right-radius: 0px;
       border-bottom-right-radius: 0px;
}

.ui-dialog {
       border-radius: 4px;
}

.ui-dialog .ui-dialog-buttonpane button {
       margin: unset;
}

.ui-dialog.has-dynamic-buttons .ui-dialog-content {
       margin-bottom: 3.5em;
}

.ui-dialog .ui-dialog-titlebar-close.ui-state-default {
       position: absolute;
       right: .3em;
       top: 50%;
       width: 18px;
       margin: -10px 0 0 0;
       padding: 1px;
       height: 19px;
       background: none;
       border: 0;
}

.ui-dialog .ui-dialog-titlebar-close {
       border: 0;
       background: transparent;
       opacity: 0.5;

       right: 0px;
       width: 18px;
       height: 18px;
}

.ui-dialog .ui-dialog-titlebar-close:hover {
       background-color: transparent;
       border: transparent;
       opacity: 1;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
       background-size: inherit;
       background-image: url(/css/dist/images/ui-icons_222222_256x240.png);
       width: 18px;
}

.ui-widget-overlay {
       background: #aaaaaa url(/css/dist/images/ui-bg_flat_10_000000_40x100.png) 100% 100% repeat-x;
       opacity: .30;
       filter: Alpha(Opacity=30);
       background-size: 100%;
}

.ui-autocomplete {
       max-height: 500px;
       overflow-y: auto;
       /* prevent horizontal scrollbar */
       overflow-x: hidden;
       /* add padding to account for vertical scrollbar */
       padding-right: 20px;
       z-index: 10000;
}
a:link,a:visited,a:hover {
	font-weight: normal;
	text-decoration: underline;
}

a:link {
	color: #006dba;
}

label {
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
}

img {
	border-style: none;
}

th,th a:link,th a.visited,th a.hover {
	font-weight: bold;
}

.clickable_operation_cell:hover {
	background: steelblue;
	cursor: pointer;
}

.clickable_operation_cell:hover p {
	color: white;
}

.precedent_clickable_operation_cell:hover p {
	color: white;
}

.precedent_clickable_operation_cell {
	background: steelblue;
	color: white;
}

/*a, td, th, body, input, select, textarea, .menuButton, .paginateButtons, th a:link, th a:visited, th a:hover, .buttons, .button input, .menuButton {
 font-size: 100%;
 }*/
td.unread {
	font-weight: bold;
}

tr.unread {
	font-weight: bold;
}

table.unread {
	font-weight: bold;
}

span.unread {
	font-weight: bold;
}

table {
	width: 100%;
}

tr {
	border: 0;
}

td,th {
	font-family: arial, helvetica, sans-serif;
	padding: 5px 6px;
	text-align: left;
}

th {
	background: #AAA;
	color: #666;
	font-weight: bold;
	padding: 2px 6px;
}

.expandedRow {
	background: #BBBBBB;
	color: white;
}

.odd {
	background: #F0F0F0;
}

.even {
	background: #fff;
}

.fixed {
	background: #daefd0;
}

.deadline {
	background: #ffb8b8;
}

select.icon-menu option {
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: bottom left;
	padding-left: 20px;
	padding-top: 2px;
	margin-bottom: 5px;
	margin-left: 2px;
}

/* LIST */
.list th,.list td {
	border-left: 1px solid #ddd;
}

.selectedRow {
	/*	background: #b2d1ff;*/
	background-color: #BBBBBB;
}

.selectedBorder {
	border-color: #303030;
	border-bottom: 0px #303030 solid;
}

.selectedFontColor {
	color: white;
}

.bottomBordered {
	border-bottom: 1px lightgrey solid;
}
/* DIALOG */
.dialog table {
	padding: 5px 0;
}

.prop {
	padding: 5px;
}

.prop .name {
	text-align: left;
	width: 15%;
	white-space: nowrap;
}

.prop .value {
	text-align: left;
	width: 85%;
}

/**/
.body {
	float: none;
	margin: 0px;
	padding: 0px;
}

.message {
	background: #f3f8fc url(/images/skin/information.png) 8px 50%
		no-repeat;
	border: 1px solid #b2d1ff;
	color: #006dba;
	/*margin: 10px 0 5px 0;*/
	padding: 5px 5px 5px 30px
}

.pointer {
	cursor: pointer;
}

html,body {
	background: #fff;
	font-family: arial, helvetica, sans-serif;
	z-index: 0;
	border-bottom: 0px;
	border-top: 0px;
}

#title {
	padding: 15px 0px 0px 20px;
	font-weight: bolder;
	color: #006dba;
}

#pageContent {
	padding-bottom: 35px;
	padding-top: 25px;
	border-bottom: 0px;
	border-top: 0px;
}

.tooltip {
	position: absolute;
	visibility: visible;
	border: 1px solid Black;
	padding: 10px;
	font-family: Arial;
	font-size: 0.8em;
	background-color: #FFFFCC;
}

.boxsizingBorder {
	width: 100%;
	font-family: arial, helvetica, sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

table {
	width: 100%;
}

input.notfixed {
	background:
		url(/images/idcapture/skin-idcapture-1/checkbox_unchecked.png)
		no-repeat;
	height: 27px;
	width: 32px;
	border: none;
	padding: 0;
	cursor: pointer;
	outline: none;
}

input.notfixed.notDefaultAccess {
	background:
		url(/images/idcapture/skin-idcapture-1/checkbox_unchecked_blue.png)
		no-repeat;
}

input.fixed {
	background:
		url(/images/idcapture/skin-idcapture-1/checkbox_checked.png)
		no-repeat;
	height: 27px;
	width: 32px;
	border: none;
	padding: 0;
	color: transparent;
	cursor: pointer;
	outline: none;
}

input.fixed.defaultAccess {
	background:
		url(/images/idcapture/skin-idcapture-1/checkbox_checked_disabled.png)
		no-repeat;
}

input.fixed.notDefaultAccess {
	background:
		url(/images/idcapture/skin-idcapture-1/checkbox_checked_blue.png)
		no-repeat;
}

input.refused {
	background: transparent
		url(/images/idcapture/skin-idcapture-1/checkbox_checked_red_cross.png)
		no-repeat;
	height: 27px;
	width: 32px;
	border: none;
	padding: 0;
	color: transparent;
	cursor: pointer;
	outline: none;
}

input.search {
	background: transparent
		url(/images/idcapture/skin-idcapture-1/show-icone.png) 5px 50%
		no-repeat;
	padding-left: 38px;
	height: 32px;
}

button.snapshot {
	background: transparent
		url(/images/idcapture/skin-idcapture-1/screenshot.png) 5px 50%
		no-repeat;
	height: 35px;
	width: 50px;
	border: 0;
}

button.selectphoto {
	background: transparent url(/images/idcapture/clip.png) 5px 50%
		no-repeat;
	background-size: 50px 35px;
	height: 35px;
	width: 50px;
	border: 0;
}

button.attached {
	background: transparent url(/images/idcapture/clip.png) 1px 50%
		no-repeat;
	background-size: 23px 15px;
	height: 17px;
	width: 25px;
	border: 0;
}

button.selectfile {
	background: transparent url(/images/idcapture/common/attach.png) 5px
		50% no-repeat;
	background-size: 50px 35px;
	height: 35px;
	width: 50px;
	border: 0;
}

.triangle-right {
	width: 80%;
	z-index: 0;
	position: relative;
	padding: 15px;
	margin: 1px 0 1px;
	color: #000;
	background: #075698;
	/* default background for browsers without gradient support */
	/* css3 */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4),
		to(#075698));
	background: -moz-linear-gradient(#2e88c4, #075698);
	background: -o-linear-gradient(#2e88c4, #075698);
	background: linear-gradient(#2e88c4, #075698);
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.circle {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: red;
	border: solid gray 1px;
}

@media print {
	table.statsTable thead tr th,
	table.statsTable tbody tr td,
    	table.statsTable tfoot tr td {
		border: 1px solid black;
		-webkit-print-color-adjust: exact;
	}
}

.ui-button { display: inline-block; position: relative; padding: 4px 0 5px 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: initial; overflow: visible; } /* the overflow property removes extra width in IE */

.ui-button-small-icon { height:15px; width: 15px; display: block; }

.ui-button-icon { float:left; height:20px; width:20px; vertical-align:middle; display:inline-block; margin-left:5px; margin-right:5px;}

.ui-button-big-icon { height:20px; width:100%; display:block; padding-top:5px; }

.ui-button-undecorated {
	border:none;
	cursor:pointer;
	width:30px;
	height:30px;
	display:block;
	margin-bottom:5px;
	outline:none;
}

.imgButton {
	background-repeat:no-repeat;
	background-position:center;
	background-size:80%;
	width:65%;

}

.imgMidButton {
	background-repeat:no-repeat;
	background-position:center;
}

.ui-button-text-icon-primary .ui-button-icon {
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100%;
}

.bigButton .ui-button-big-icon,
.bigButton .ui-button-icon {
	background-repeat:no-repeat;
	background-position:center;
	background-size:32%;
}

.bigButton .ui-button-text {
	padding: .4em 2em .4em 2em;
}

.handle {
	background-image:url(/images/ellipsis.png) !important;
	cursor:all-scroll;
	background-size:15px;
	background-repeat:no-repeat;
	background-position:center;
}

.sectionSeparator {
	background-color: rgb(205, 205, 205);
}

.borderedID,
#tickedReservesCount {
	text-align:center;
	width: 75px;
	margin-top:-2px;
	vertical-align:middle;
	display:inline-block;
	border:1px solid #DDDDDD;
	border-radius:6px;
	padding: 5px 3px;
	background-color: rgb(205, 205, 205);
	margin-left:5px;
	margin-right:5px;
}

.openedReserve .borderedID,
#reservesViewSidePanel .selected .rowInfos .borderedID,
#tickedReservesCount {
	background-color:white;
}

#tickedReservesCount {
	font-size: 0.85em;
	margin-left: 0;
	margin-right: 4px;
}

.nodeNote {
	font-size: x-small;
	color: #AAA;
}

.ui-dialog .ui-widget-header {
	background: -webkit-linear-gradient(90deg, #ECE9E6 10%, #FFFFFF 90%); /* Chrome 10+, Saf5.1+ */
	background:    -moz-linear-gradient(90deg, #ECE9E6 10%, #FFFFFF 90%); /* FF3.6+ */
	background:     -ms-linear-gradient(90deg, #ECE9E6 10%, #FFFFFF 90%); /* IE10 */
	background:      -o-linear-gradient(90deg, #ECE9E6 10%, #FFFFFF 90%); /* Opera 11.10+ */
	background:         linear-gradient(90deg, #ECE9E6 10%, #FFFFFF 90%); /* W3C */
  	border: none;
  	color: black;
}

.tailButton {
	background: none;
	outline: none;
	border: 1px solid black;
	cursor: pointer;
	width: auto; height: auto;
	padding:10px;
	box-sizing: border-box;
}

.tailButton:hover {
	background-color: #DDDDDD;
}

.tailButton > .tailButtonText{
	display: block;
	text-align: center;
	font-size: 20px;
}

.tailButton > .tailButtonIcon {
	display:inline-block;
	width:100px; height: 100px;
	margin-left: auto; margin-right:auto;
	background-size: cover;
}

.lightButton {
	background: none;
	outline: none;
	border: 1px solid black;
	cursor: pointer;
	width: auto; height: auto;
	padding-left:5px; padding-right:8px;
}

.lightButton:hover {
	background-color: #DDDDDD;
}

.lightButton > .lightButtonIcon {
	display: inline-block;
	width: 35px; height: 35px;
	background-size: cover;
	vertical-align: middle;
}

.lightButton > .lightButtonText {
	display: inline-block;
	vertical-align: middle;
}

#renumberReservesButton {
	height: 37px;
	vertical-align: top;
}

.warningNotifyMessages {
	font-size : 0.8em;
	overflow: hidden;
}

.warningNotifyMessages > ul {
	padding: 0 20px;
}

.operationTagsList {
	display: flex;
	flex-wrap: wrap;
}

.operationTag {
	padding: 4px 5px;
	background-color: rgba(9, 30, 66, 0.08);
	border-radius: 3px;
	margin: 0 3px;
}

.icon {
       display: inline-block;
       background-position: center;
       background-size: contain;
       background-repeat: no-repeat;
       vertical-align: middle;
}

.icon.tiny {
       width: 16px;
       height: 16px;
}

.icon.small {
       width: 24px;
       height: 24px;
}

.icon.medium {
       width: 32px;
       height: 32px;
}

.addLogoIcon {
       background-image: url(/images/metroIcons/search.svg);
}

.removeLogoIcon {
       background-image: url(/images/metroIcons/cross.svg);
}

.plusLogoIcon {
       background-image: url(/images/metroIcons/plus-circled.svg);
}

.documentIcon {
       background-image: url(/images/metroIcons/document-fill.svg);
}

.renumberIcon {
       background-image: url(/images/metroIcons/renumber.svg);
}

.new-document {
       background-image: url(/images/metroIcons/document-empty.svg);
}

.delete {
       background-image: url(/images/metroIcons/cross.svg);
}

.create {
       background-image: url(/images/metroIcons/plus.svg);
}

.download {
       background-image: url(/images/metroIcons/download.svg);
}

.downloadAndClock {
       background-image: url(/images/metroIcons/download-clock.svg);
}

.download.circled.white {
       background-image: url('/images/metroIcons/download-circled-white.svg');
}

.unknownIcon {
       background-image: url(/images/metroIcons/search.svg);
}

.successIcon {
       background-image: url(/images/metroIcons/check-plain.svg);
}

.unknownIcon,
.questionIcon {
       background-image: url(/images/metroIcons/question-circled-gray.svg);
}

.questionIconBlack {
       background-image: url(/images/metroIcons/question-circled.svg);
}

.warningIcon {
       background-image: url(/images/flaticons/warning.svg);
}

.errorIcon {
       background-image: url(/images/flaticons/error.svg);
}

.failureIcon {
       background-image: url(/images/flaticons/explode.svg);
}

.runningIcon {
       background-image: url(/images/flaticons/refresh57.svg);
}

.validateBtn,
.successIconLight {
       background-image: url(/images/metroIcons/check.svg);
}

.cancelBtn {
       background-image: url(/images/metroIcons/cross.svg);
}

.denyIcon {
       background-image: url('/images/metroIcons/ban-red.svg');
}

.backBtn {
       background-image: url(/images/metroIcons/arrow-curve-left.svg);
}

.backBtnCircled {
       background-image: url(/images/metroIcons/arrow-curve-left-circled.svg);
}

.upArrowBtn {
       background: url(/images/metroIcons/arrow-up-light.svg) no-repeat;
       background-size: 15px;
}

.downArrowBtn {
       background: url(/images/metroIcons/arrow-down-light.svg) no-repeat;
       background-size: 15px;
}

.autoSortBtn {
       background: url(/images/metroIcons/order.svg) no-repeat;
       background-size: 15px;
}

.rightArrowBtn {
       background: url(/images/metroIcons/arrow-right-light.svg) no-repeat;
       background-size: 30px;
}

.leftArrowIcon {
       background: url(/images/metroIcons/arrow-left.svg) no-repeat;
}

.leftArrowBtn {
       background: url(/images/metroIcons/arrow-left-light-circled.svg) no-repeat;
       background-size: 30px;
}

.rightArrowBtn:hover {
       background: url(/images/metroIcons/arrow-right-light-circled-hover.svg) no-repeat;
       background-size: 30px;
}

.leftArrowBtn:hover {
       background: url(/images/metroIcons/arrow-left-light-hover.svg) no-repeat;
       background-size: 30px;
}

.uploadButton {
       background: url(/images/metroIcons/upload.svg) no-repeat;
       background-size: 30px;
}

.downloadButton {
       background: url(/images/metroIcons/download.svg) no-repeat;
       background-size: 30px;
}

.icon-operations {
       background-image: url('/images/idcapture/skin-idcapture-1/operations.png');
}

.icon-configuration {
       background-image: url('/images/metroIcons/gear.svg');
}

.icon-configuration-simple {
       background-image: url(/images/phosphorIcons/gear.svg);
}

.icon-arrow-multi-line-right {
       background-image: url('/images/metroIcons/arrow-multi-line-right.svg');
}

.icon-barchart {
       background-image: url(/images/idcapture/barchart.png);
}

.icon-graph {
       background-image: url(/images/idcapture/historyStats.png);
}

.icon-wave {
       background-image: url(/images/idcapture/eventStats.png);
}

.icon-lock {
       background-image: url(/images/idcapture/lock-icon.png);
}

.icon-lock-simple {
       background-image: url('/images/phosphorIcons/lock-simple.svg');
}

.icon-unlock {
       background-image: url(/images/idcapture/common/unlock.png);
}

.icon-edit {
       background-image: url(/images/flaticons/edit.svg);
}

.icon-plans {
       background-image: url(/images/metroIcons/layers-circled.svg);
}

.icon-form {
       background-image: url(/images/metroIcons/document-fill-circled.svg);
}

.icon-upload {
       background-image: url(/images/metroIcons/upload.svg);
}

.icon-upload-green {
       background-image: url(/images/metroIcons/uploadIdcaptureGreen.svg);
}

.icon-operation_details {
       background-image: url(/images/idcapture/skin-idcapture-1/group_column_icon.png);
}

.icon-users {
       background-image: url(/images/phosphorIcons/users.svg);
}

.icon-circles {
       background-image: url(/images/metroIcons/circles-circle.svg);
}

.icon-close {
       background-image: url(/images/metroIcons/source/cross.svg);
}

.icon-open {
       background-image: url(/images/metroIcons/box-blank-circled.svg);
}

.icon-notification {
       background-image: url(/images/metroIcons/mail-circled.svg);
}

.icon-notification-uncircled {
       background-image: url(/images/metroIcons/mail.svg);
}

.icon-bell-ringing {
       background-image: url(/images/phosphorIcons/bell-ringing.svg);
}

.icon-bell-slash {
       background-image: url(/images/phosphorIcons/bell-slash.svg);
}

.icon-quote {
       background-image: url(/images/metroIcons/quote-circled.svg);
}

.icon-archive,
.archiveIcon {
       background-image: url(/images/flaticons/folders7.svg);
}

.icon-delete-operation {
       background-image: url(/images/metroIcons/fire.svg);
}

.icon-order-context-in-operation {
       background-image: url(/images/metroIcons/order.svg);
}

.icon-duplicate {
       background-image: url(/images/metroIcons/copy.svg);
}

.icon-settings {
       background-image: url(/images/metroIcons/tools-circled.svg);
}

.gridsIcon {
       background-image: url(/images/metroIcons/grids.svg);
}

.icon-list {
       background-image: url(/images/metroIcons/list.svg);
}

.icon-settings-uncircled {
       background-image: url(/images/metroIcons/tools.svg);
}

.icon-log {
       background-image: url('/images/metroIcons/mailbox-circled.svg');
}

.launchIcon {
       background-image: url('/images/metroIcons/play.svg');
}

.repairIcon {
       background-image: url('/images/metroIcons/magic-wand.svg');
}

.plansIcon {
       background-image: url('/images/metroIcons/layers.svg');
}

.disabledIcon {
       opacity: 0.2;
}

.commentIcon {
       background-image: url(/images/metroIcons/comments.svg);
}

.generateReportIcon {
       background-image: url(/images/phosphorIcons/printer.svg);
       background-size: 20px;
}

.createReserveIcon {
       background-image: url(/images/metroIcons/plus-plain.svg);
       background-size: 20px;
}

.createGeneraliteIcon {
       background-image: url(/images/metroIcons/plus-generalite.svg);
       background-size: 20px;
}

.lassoIcon {
       background-image: url(/images/idcapture/lasso.png);
}

.uploadIcon {
       background-image: url(/images/idcapture/skin-idcapture-1/upload.png);
       background-size: 20px;
}

.validateWithoutUploadIcon {
       background-image: url(/images/metroIcons/check.svg);
       background-size: 20px;
}

.multipleCheckIcon {
       background-image: url(/images/idcapture/common/multiple_check.png);
}

.fileContentIcon {
       background-image: url(/images/flaticons/print43.svg);
}

.planEditIcon {
       background-image: url('/images/flaticons/plan-draw.svg');
}

.photoFilledIcon {
       background-image: url(/images/metroIcons/photo.svg);
}

.photoIcon {
       background-image: url('/images/flaticons/camera.svg');
}

.listIcon {
       background-image: url('/images/flaticons/list.svg');
}

.clipIcon {
       background-image: url('/images/flaticons/clip26.svg');
}

.bellIcon {
       background-image: url('/images/flaticons/bell70.svg');
}

.flagIcon {
       background-image: url('/images/idcapture/flag.svg');
}

.collapseIcon {
       background-image: url('/images/metroIcons/expanded.svg');
}

.expandIcon {
       background-image: url('/images/metroIcons/collapsed.svg');
}

.collapseAllIcon {
       background-image: url('/images/flaticons/collapse-all.svg');
}

.expandAllIcon {
       background-image: url('/images/flaticons/expand-all.svg');
}

.infoIcon,
.noticeIcon {
       background-image: url('/images/metroIcons/info.svg');
}

.infoIcon-white {
       background-image: url('/images/metroIcons/info-white.svg');
}

.logoutIcon {
       background-image: url('/images/phosphorIcons/sign-out.svg');
}

.userIcon,
.icon-user {
       background-image: url('/images/phosphorIcons/user.svg');
}

.userAddIcon {
       background-image: url('/images/phosphorIcons/user-plus.svg');
}

.spyIcon {
       background-image: url('/images/phosphorIcons/detective-fill.svg');
}

.refreshIcon {
       background-image: url('/images/metroIcons/refresh.svg');
}

.customerServiceIcon {
       background-image: url('/images/headseat_question.svg');
}

.directionIcon {
       background-image: url('/images/flaticons/directional-sign11.svg');
}

.filterIcon {
       background-image: url('/images/phosphorIcons/funnel.svg');
}

.classificationIcon {
       background-image: url('/images/flaticons/classification.svg');
}

.statisticIcon {
       background-image: url('/images/flaticons/pie-chart9.svg');
}

.timelineStatisticIcon {
       background-image: url('/images/flaticons/graphic45.svg');
}

.timelineStatisticRefreshIcon {
       background-image: url('/images/flaticons/refresh57.svg');
}

.icon-field-type-string {
       background-image: url('/images/flaticons/field-text.svg');
}

.icon-field-type-textarea {
       background-image: url('/images/nounproject/field-textarea.svg');
}

.icon-field-type-float {
       background-image: url('/images/flaticons/field-float.svg');
}

.icon-field-type-int {
       background-image: url('/images/flaticons/field-int.svg');
}

.icon-field-type-boolean {
       background-image: url('/images/flaticons/field-checkbox.svg');
}

.icon-field-type-radioSelect {
       background-image: url('/images/field-radioSelect.png');
}

.icon-field-type-date,
.campaignIcon,
.calendarIcon {
       background-image: url('/images/flaticons/field-date.svg');
}

.icon-field-type-singleSelect {
       background-image: url('/images/flaticons/field-single-select.svg');
}

.icon-field-type-multiSelect {
       background-image: url('/images/flaticons/field-multi-select.svg');
}

.icon-field-type-status {
       background-image: url('/images/flaticons/field-status.svg');
}

.icon-field-type-freeHandDrawing {
       background-image: url('/images/flaticons/field-free-hand-drawing.svg');
}

.icon-field-type-childReserves {
       background-image: url('/images/flaticons/field-child-reserves.svg');
}

.icon-field-type-calculation {
       background-image: url('/images/flaticons/calculator70.svg');
}

.icon-preview-eye-white {
       background-image: url('/images/flaticons/eye-white.svg');
}

.icon-eye {
       background-image: url('/images/metroIcons/eye.svg');
}

.icon-tags {
       background-image: url(/images/flaticons/tags.svg);
}

.backIcon {
       background-image: url('/images/flaticons/return10.svg');
}

.icon-clock {
       background-image: url(/images/metroIcons/clock.svg);
}

.homeIcon {
       background-image: url(/images/flaticons/house180.svg);
}

.icon-process-in-progress {
       background-image: url(/images/metroIcons/three-points.svg);
}

.distributeIcon {
       background-image: url(/images/metroIcons/distribute.svg);
}

.icon-sync {
       background-image: url(/images/phosphorIcons/arrows-clockwise.svg);
}

.icon-sessions {
       background-image: url(/images/phosphorIcons/building-apartment.svg);
}

.icon-plans-tree {
       background-image: url(/images/phosphorIcons/map-trifold.svg);
}

.icon-reserves {
       background-image: url(/images/phosphorIcons/map-pin-simple-area.svg);
}:root {
	--header-offset-height: 34px;
	--top-th-sticky-table: 104px;
}
html, body {
	font-size: 0.9em;
	height: 100%;
	margin: 0;
	padding: 0;
}

[draggable] {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

#arteliaFicoForm td, #arteliaFicoForm th {
	font-size: 1em;
}

#arteliaFicoForm textarea {
	width: 100%;
}

.message {
	display: none;
}

#header-bar {
	height: 34px;
	top: 0;
	z-index: 100;
	background-color: #316E77;
	width: 100%;
	border-bottom: 1px solid #a6a6a6;
}

#header-bar.digisiteHeader {
	background-color: #034C72;
}

#header-bar .drop-down-menu {
	width: auto;
	float: left;
}

#header-bar .navSeparator span {
	color: white;
	line-height: 25px;
	font-size: 2em;
}

#header-bar .descriptionLabelNav {
	font-weight: bold;
}

.headerContent.sticky{
	position: fixed;
	width: 100%;
	background-color: white;
	z-index:10;
	top: var(--header-offset-height);
}

.stickyDatatable thead th{
	position: sticky;
	z-index:10;
	outline: 1px solid gray;
	border: 1px solid;
	top: var(--top-th-sticky-table);
	background: linear-gradient(-45deg, #dddddd 0%, #eeeeee 100%);
}

.sticky + .stickyDatatable{
	margin-top: var(--top-th-sticky-table);
}

#liHome a {
	padding: 7px 10px 7px 2px;
}

#liHome .icon {
	margin: auto 5px;
}

#right-menu-header-bar {
	position: absolute;
	right: 0;
	top: 0;
}

#right-menu-header-bar ul {
	min-width: 278px;
	right: 0px;
	left: auto;
}

#right-menu-header-bar .firstLevelMenuItem li .icon {
	vertical-align: text-bottom;
}

#footer {
	background: #EEEEEE;
	width: 100%;
	height: 25px;
	text-align: center;
	color: #222;
	font-size: 0.8em;
	padding: 3px 0;
	margin: 0px;
	border-top: 1px solid #ccc;
	bottom: 0;
	left: 0;
}

#content-frame {
	margin: 0;
	width: 100%;
	height: calc(100% - 35px);
	/* $(window).height() - $("header").height() */
	position: relative;
}

@media screen {
	#content-frame {
		overflow: auto;
	}
}

@media print {
	#header-bar {
		display: none;
	}
	#footer {
		display: none;
	}
}

a, a:link, a:visited, a:hover, .ui-widget-content a:link,
	.ui-widget-content a:visited, .ui-widget-content a:hover {
	font-weight: normal;
	color: #006DBA;
	text-decoration: none;
}

a[name] {
	color: black;
}

a[name]:hover {
	text-decoration: none;
}

.ui-widget-content .fancytree-container a:link, .ui-widget-content .fancytree-container a:visited,
	.ui-widget-content .fancytree-container a:hover {
	color: black;
}

a:hover, .ui-widget-content a:hover {
	text-decoration: underline;
}

.ui-datepicker-calendar a.ui-state-default {
	text-decoration: none;
}

.splitterContainer {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: auto;
}

.rightPane {
	float: left;
	background: #f4f4f4;
}

.leftPane {
	float: left;
	height: 100%;
	overflow: auto;
	width: 250px;
}

.rightPane {
	float: right;
	height: 100%;
	width: 500px;
	overflow: auto;
}

.globalActionsPanel {
	padding: 5px;
}

.background-check {
	background-image: url('/images/metroIcons/check.svg');
}

.dataTable {
	border-collapse: collapse;
}

.dataTableFiltersPanel {
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
}

.datatableFilterLabel {
	font-weight: bold;
}

.dataTables_wrapper .ui-toolbar {
	padding: 5px;
	font-weight: normal;
}

.dataTables_length {
	float: left;
}
.dataTables_countOfSelected {
	margin-right: 10px;
	margin-left: 7px;
}
.dataTables_countOfSelected::before {
	content: ' ';
	background-image: url('/images/idcapture/skin-idcapture-1/checkbox_checked.png');
	width: 16px;
	height: 13px;
	display: inline-block;
	background-size: contain;
	vertical-align: text-bottom;
	margin-right: 2px;
}


.dataTables_wrapper .dataTables_rowsSelector {
	display: inline-block;
}

.dataTables_wrapper .dataTables_rowsSelector a {
	color: #006DBA;
}

.dataTables_filter {
	float: right;
	text-align: right;
}

.dataTables_autoRefresh,
.dataTables_optionalColumns {
	float: right;
	height: 22px;
	line-height: 22px;
	margin-right: 10px;
}

.dataTables_autoRefresh input {
	vertical-align: middle;
	margin-right: 3px;
}

.dataTables_optionalColumns button {
	padding: 3px 0 3px 6px;
}

.dataTables_wrapper th,
.dataTables_wrapper th.ui-state-default {
	font-weight: bold;
	background: linear-gradient(-45deg, #dddddd 0%, #eeeeee 100%);
	border: 1px solid #d3d3d3;
}

.dataTables_wrapper tr.row_selected {
	background-color: /*#8888FF*/ #AACDFA;
}

.dataTables_wrapper tr.row_hover {
	background-color: #AACDFA;
}

.dataTables_wrapper tr.row_error {
	background-color: #AA0000;
}

.dataTables_wrapper td.cell_warning {
	background-color: #DEA164;
}

.dataTables_wrapper table button {
	border-radius: 4px;
	border: 1px solid #d3d3d3;
}

.dataTables_wrapper table button:hover {
	border: 1px solid #999999;
	background: linear-gradient(to bottom, #aaaaaa 0%, #888888 100%);
	cursor: pointer;
}

.dataTables_info {
	width: 50%;
	float: left;
}

.dataTables_paginate {
	float: right;
	text-align: right;
}

.dataTables_paginate.paging_full_numbers {
	display: flex;
}

.dataTables_paginate.paging_full_numbers a {
	padding: 4px;
}

div.missingFields {
	font-style: italic;
	color: red;
}

div.confirmSelectionMessage {
	font-size: 125%;
}

span.selectedAmount {
	color: red;
	font-weight: bold;
}

.datatableActionButton {
	padding: 0;
	width: 25px;
	height: 25px;
	border-radius: 3px;
}

.datatableActionButton > .ui-button-icon {
	width: 18px;
	height: 18px;
	margin: 3px;
}

.datatableTipsy .tipsy-inner,
.leftAlignTipsy .tipsy-inner {
	text-align: left;
}

.context-menu-item {
	background-size: 18px;
	display: block;
}

#reportFieldsList li.ui-selected {
	background-image: url(/images/metroIcons/check_white.svg);
	background-position: 99% 50%;
	background-size: 18px;
	background-repeat: no-repeat;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.group_column_icon {
	background-image:
		url(/images/idcapture/skin-idcapture-1/group_column_icon.png)
		!important;
	background-size: 16px 16px;
	background-repeat: no-repeat;
}

.liste_icon {
	background-image: url(/images/idcapture/skin-idcapture-1/liste_icon.png)
		!important;
	background-size: 16px 16px;
	background-repeat: no-repeat;
}

.plan {
	background-image: url(/images/idcapture/skin-idcapture-1/plan.png)
		!important;
	background-size: 16px 16px;
	background-repeat: no-repeat;
}

.loadingSpinnerContainer {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8) !important;
}

.viewerLoadingSpinner {
	position: absolute;
	top: 35%;
	pointer-events: none;
	font-size: 1.2em;
	left: calc(50% - 150px);
	width: 300px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	transition: opacity 0.2s;
}

select {
	white-space: nowrap;
}

.smallFont {
	font-size: 0.7em;
}

button {
	white-space: nowrap;
}

button[disabled], button[disabled]:focus, button[disabled]:hover, button[disabled].ui-state-focus,
	button[disabled].ui-state-active, button[disabled].ui-button:active,
	button[disabled].ui-button:hover, button[disabled].ui-button:focus,
	button[disabled].ui-button.ui-state-active:hover {
	opacity: .35;
	filter: Alpha(Opacity = 35);
	/*background-image: none;*/
	/*border: 1px solid gray;*/
	/*background: linear-gradient(-45deg, #dddddd 0%, #eeeeee 100%);*/
	border: none;
	background: none;
	font-weight: normal;
	color: black;
	cursor: default;
}

button.centeredIcon .ui-button-text {
	display: inline;
	padding: 0;
}

button.centeredIcon .ui-button-icon {
	float: none;
	margin-right: 2px;
}

.authTable.editable {
	float: left;
	width: 1%;
	margin: 8px;
	margin-bottom: 15px;
}

.authTable tbody td:first-child {
	white-space: nowrap;
}

.authTable tbody td:not(:first-child),
.authTable thead th:not(:first-child) {
	text-align: center;
	padding: 0;
	vertical-align: middle;
}

.authTable img {
	height: 18px;
}

.buttonsPanel {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0px 5px 0.5em 5px;
	box-sizing: border-box;
}

.buttonsPanel button {
	margin-left: 8px;
}

.dialog-actions {
	text-align: right;
	margin: 5px 0;
	padding: 5px 0;
}

.dialog-actions > button {
	margin-left: 8px;
}

.ui-dialog .ui-dialog-content {
	padding: 6px 14px;
}

.page-actions {
	margin: 30px 0 10px 0;
	text-align: center;
	height: 35px;
}

.page-actions .left-actions {
	height: 35px;
	float: left;
}

.page-actions .right-actions {
	height: 35px;
	float: right;
}

.page-actions .right-actions-buttons {
	position: relative;
	z-index: 2;
}

/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 100px;
}

.ui-autocomplete .ui-menu-item {
	cursor: pointer;
}

.hidden {
	display: none;
}

.reserves-action-disabled {
	opacity: 0.4;
}

#publishedReportList {
	position: relative;
	top: 0;
}

#publishedReportsActions {
	float: left;
	position: absolute;
	bottom: 0;
	background-color: #eee;
	border-top: solid 1px #aaa;
	width: 100%;
	font-size: 0.8em;
}

#searchWrapper {
	width: 100% !important;
	text-align: right !important;
	display: block !important;
}

#searchField {
	width: 50%;
	margin-right: 5%;
	padding-left: 5px;
}

#publishedReportsActions>div {
	margin: 5px 0;
	height: 100%;
	width: 24%;
	display: inline-block;
	text-align: center;
}

#publishedReportsActions img {
	height: 20px;
	clear: both;
	/*-webkit-box-reflect: below 0 linear-gradient(transparent 50%, rgba(0,0,0,.3));*/
	margin-bottom: 1px;
}

#publishedReportsActions a span {
	display: block;
}

#publishedReportsScrollerBump {
	height: 71px;
}

#publishedReportListContent .report {
	position: relative;
}

#publishedReportListContent .report-line {
	margin-bottom: 2px;
}

#publishedReportListContent .report-icon-top {
	float: right;
	margin: 2px;
	position: absolute;
	right: 2px;
	top: 2px;
}

#publishedReportListContent .report-icon-top img {
	width: 16px;
}

#publishedReportListContent .report-icon-bottom {
	float: right;
	margin: 2px;
	position: absolute;
	right: 2px;
	bottom: 2px;
}

#publishedReportListContent {
	background-color: white;
	height: calc(100% - 80px);
	overflow: auto;
}

#publishedReportListContent .selectable-block-content {
	background-image: url('/images/idcapture/skin-idcapture-1/book.png');
	background-repeat: no-repeat;
	background-position: center left;
	background-size: 20px 20px;
	padding-left: 25px;
}

#publishedReportListContent .opened .selectable-block-content {
	background-image:
		url('/images/idcapture/skin-idcapture-1/book_open.png');
}

#publishedReportListContent .opened .selectable-block-content {
	font-weight: bold;
}

#publishedReportListContent > .selectable-block {
	padding: 3px 0;
	margin: 15px 5px;
	box-sizing: border-box;
}
#publishedReportListContent > .selectable-block-content>span {
	display: inline-block;
	width: 77%;
}

#publishedReportListContent > .selectable-block .sessionName {
	font-size: 1.1em;
	vertical-align: top;
}

#publishedReportListContent > .selectable-block.selected .sessionName {
	font-size: 1.2em;
	font-weight: bold;
}

#publishedReportListContent >
 .selectable-block.selected
 .secondary-infos-color {
	color: #444;
}

.selectable-block {
	cursor: pointer;
	position: relative;
	border-radius: 5px;
	border: transparent solid 1px;
}

.selectable-block:after {
	content: "";
	position: absolute;
	left: calc(( 100% - 30%)/2);
	bottom: -10px;
	height: 0;
	width: 30%;
	border-bottom: 1px solid #DDDDDD;
	display: block;
}

.selectable-block-content {
	margin-left: 5px;
	padding: 3px 3px 3px 3px;
}

.selectable-block.selected, .selectable-block:hover {
	background-color: #DDDDDD;
	/* 	border: rgb(3, 76, 114) solid 1px; */
	border: rgb(169, 169, 169) solid 1px
}

.selectable-block.selected .secondary-infos-color {
	color: white;
}

.secondary-infos-size, .secondary-infos {
	font-size: 11px;
}

.secondary-infos-color, .secondary-infos {
	color: #AAAAAA;
}

.warning-infos {
	color: #DFAA88;
}

.right-arrow-small {
	background-image:
		url('/images/idcapture/skin-idcapture-1/btn_right.png');
	background-size: 16px 16px;
	display: inline-block;
	width: 16px;
	height: 16px;
}

.visible_false {
	display: none;
}

a.disabledLink {
	color: #999999;
	opacity: 0.3;
	cursor: default;
	text-decoration: none;
}

a.disabledLink:hover {
	text-decoration: none;
}

a.disabledLink img {
	-webkit-filter: grayscale(90%);
	-moz-filter: grayscale(90%);
	-ms-filter: grayscale(90%);
	-o-filter: grayscale(90%);
	filter: grayscale(90%);
	filter: gray; /* IE 6-9 */
}

div.internalHorizontalScrollableDiv {
	white-space: nowrap;
	padding-bottom: 10px;
	width: 0px;
}

div.horizontalScrollableDiv {
	overflow-x: auto;
	overflow-y: hidden;
}

img.scrollablePhotos {
	border: 1px black solid;
	margin: 2px;
	height: 210px;
}

img.map {
	border: 1px black solid;
	margin: 2px;
}

.dynamicForm textarea {
	width: 100%;
}

label.uncheckedCheckBox {
	background:
		url('/images/idcapture/skin-idcapture-1/checkbox_unchecked.png')
		no-repeat;
	height: 29px;
	width: 29px;
	vertical-align: middle;
	display: inline-block;
	padding: 0 0 0 0px;
	cursor: pointer;
}

label.tickedCheckBox {
	background:
		url('/images/idcapture/skin-idcapture-1/checkbox_checked.png')
		no-repeat;
	height: 29px;
	width: 29px;
	vertical-align: middle;
	display: inline-block;
	padding: 0 0 0 0px;
	cursor: pointer;
}

label.crossedCheckBox {
	background:
		url('/images/idcapture/skin-idcapture-1/checkbox_checked_red_cross.png')
		no-repeat;
}

input {
	border: solid 1px #A9A9A9;
}

input[type="checkbox"][disabled]+label.uncheckedCheckBox,
input[type="checkbox"][disabled]+label.tickedCheckBox{
	filter: brightness(90%);
	cursor: unset;
}

radio-select input[type="radio"][disabled]+label.radioButtonAndLabel{
	filter: brightness(90%);
	cursor: unset;
}

radio-select .radiosOfRadioSelect {
	display: flex;
	row-gap: 5px;
}

radio-select .radioButtonAndLabel {
	padding-left: 25px;
	padding-right: 10px;
	display: inline-block;
	cursor: pointer;
	margin: 0;
	height: 18px;
}

radio-select input[type="radio"] + label.radioButtonAndLabel {
	background: url('/images/idcapture/skin-idcapture-1/checkbox_unchecked.png') no-repeat;
	background-size: 20px;
	background-position-y: initial;
}
radio-select input[type="radio"]:checked + label.radioButtonAndLabel {
	background: url('/images/idcapture/skin-idcapture-1/checkbox_checked.png') no-repeat;
	background-size: 20px;
	background-position-y: initial;
}

radio-select + p.secondary-infos {
	margin: 0;
}

.redText {
	color: red
}

.greenText {
	color: green
}

#radioOrientation .ui-state-active {
	border: 1px solid #999999;
	background: linear-gradient(to bottom, #888888 0%, #666666 100%);
	font-weight: normal;
	color: white;
}

.statusCircle {
	width: 0.9em;
	height: 0.9em;
	background-color: black;
	display: inline-block;
	margin-right: 4px;
	border: 1px solid gray;
}

table .yAxisLabel {
	color: black;
	background: unset;
	text-align: right;
	padding: 8px;
	width: 11%;
}

.statusLabelCell, .statsButtonsLabelCell {
	text-align: center;
	vertical-align: middle;
	background-color: white;
	border: 1px solid lightgrey;
	width: 150px;
	font-weight: normal;
	padding: 2px 1px;
}

.statsButtonsLabelCell {
	width: 5%;
}

.statsTableCell, .statsButtonsTableCell {
	text-align: center;
	background-color: white;
	border: 1px solid lightgrey;
	padding: 3px;
}

.statsTable, .staticTable {
	vertical-align: middle;
	padding: 2px 6px;
	margin: 10px 8px 14px 8px;
	border-collapse: collapse;
	width: 99%;
}

.yAxisLabelCell {
	text-align: right;
}

.taskDashboardPanel .taskDashboardTable {
	margin: 0;
	width: 100%;
}

.taskDashboardPanel .activitiesCountPanel {
	display: flex;
	margin: 10px 0;
}

.taskDashboardPanel .activitiesCountTitlePanel {
	width: 11%;
	text-align: right;
	padding-top: 3px;
	padding-right: 8px;
}

.taskDashboardPanel .activitiesCountList {
	display: flex;
	flex-direction: column;
	row-gap: 4px;
}

.taskDashboardPanel .activitiesCountTitle,
.taskDashboardPanel .activityCount {
	padding: 3px 5px;
	border-radius: 5px;
	cursor: pointer;
}

.taskDashboardPanel .noActivity {
	padding-top: 3px;
}

.taskDashboardPanel .activitiesCountTitle:hover,
.taskDashboardPanel .activityCount:hover {
	background-color: lightgray;
}

.withSessionIcon {
	display: flex;
	justify-content: space-between;
}

.staticTable th {
	border: solid 1px black;
	background-color: #A9A9A9;
	font-weight: normal;
	color: white;
	font-size: 1.5em;
}

.staticTable td {
	background-color: white;
	border: 1px solid #DDDDDD;
}

.blocTitle, .blocTitleBig {
	margin: 0 0 15px 0;
	width: 100%;
	line-height: 20px;
	height: 21px;
	text-align: left;
	vertical-align: top;
	display: inline-block;
	font-weight: bold;
	color: white;
	font-size: 1em;
	background: #A9A9A9;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dark {
	background-color: #696969;
}

.blocTitle>span, .blocTitleBig span {
	margin: 3px 3px 3px 5px;
}

.blocTitleBig {
	height: 36px;
	line-height: 30px;
	position: relative;
	margin-bottom: 0px !important;
}

.blocTitleBig>span {
	margin-left: 15px;
}

.semiLabel {
	width: 49%;
}

.newOperationInput {
	width: 95%;
	border: 1px solid #DDD;
	font-family: arial, helvetica, sans-serif;
	outline: none;
	padding: 2px;
	font-size: 1.2em;
}

.newOperationInlineLabel {
	width: 95%;
	text-align: left;
	font-weight: bold;
	margin-top: 10px;
}

.newOperationImg {
	height: 100px;
	display: inline-block;
	vertical-align: middle;
}

#attachFile {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
}

.flex-space-between{
	display: flex;
	justify-content: space-between;
}

.help {
	text-decoration: underline;
	color: blue;
	cursor: pointer;
}

.openReadMore {
	text-decoration: underline;
	color: blue;
	cursor: pointer;
}

.userTip {
	display: none;
	margin-top: 5px;
	font-style: italic;
	font-size: 1em;
	border: 1px solid #DDDDDD;
	padding: 5px;
	height: 50px;
	width: 90%;
}

.buttonsDataListContainer {
	flex-grow: 1;
	text-align: right;
}

.dataListWrapper {
	display: inline-block;
	position: relative;
}

.dataListButtons {
	display: flex;
	column-gap: 4px;
	height: 22px;
	margin-bottom: 2px;
	align-items: center;
}

.dataListButtons button {
	border: none;
	opacity: 0.4;
}

.dataListButtons button:not([disabled]) {
	background: rgba(0, 0, 0, 0.3);
	cursor: pointer;
}

.dataListButtons button:hover:not([disabled]) {
	background: rgba(0, 0, 0, 0.3);
	border: none;
	cursor: pointer;
	opacity: 0.8;
}

.dataListButtons .copyableToClipboard span {
	background-size: 15px;
}

.searchDataList {
	text-indent: 20px;
}

.searchDataList::-webkit-input-placeholder {
	background-image: url('/images/metroIcons/source/search.svg');
	display: inline-block;
	background-size: 15px;
	background-repeat: no-repeat;
}

.dataList li.ui-state-default {
	height: 20px;
	line-height: 20px;
	cursor: pointer;
	text-align: left;
	margin-bottom: 2px;
	padding-left: 4px;
	background: white;
	position: relative;
	overflow: hidden;
	border: 1px solid #d3d3d3;
}

.dataList.ui-sortable-disabled {
	opacity: 0.5;
	cursor: default;
}

.dataList.ui-sortable-disabled li {
	color: black;
	cursor: default;
}

.dataList.ui-sortable-disabled li .uncheckedCheckBox,
.dataList.ui-sortable-disabled li .tickedCheckBox {
	cursor: default;
}

.dataList li .color {
	width: 8px;
	position: absolute;
	border-right: 1px solid gray;
	left: 0;
	top: 0;
	bottom: 0;
}

.dataList li .sticker {
	width: 20px;
	height: 15px;
	display: inline-block;
	margin-right: 2px;
	border: 1px solid #DDDDDD;
	vertical-align: middle;
	overflow: hidden;
	background-color: white;
}

.dataList li .sticker-norepeat {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.stickersWrapper {
	position: absolute;
	right: 5px;
	top: 0;
	bottom: 0;
}

.stickersWrapper>.dropDownIcon {
	margin-top: 2px;
}

.dataList li div.content {
	padding-left: 15px;
	white-space: nowrap;
}

.dataList li.ui-selecting {
	background: #FFFFCC;
}

.dataList li.ui-selected {
	background: #2980b9;
	color: white;
	font-weight: bold;
}

.dataList .ui-state-highlight {
	height: 30px;
	background: #DDDDDD;
}

.dataList .separator {
	padding-left: 0.5em;
	font-size: 1.2em;
	background-color: #fcfcfc;
	border-bottom: 1px dashed rgb(230, 230, 230);
	margin-bottom: 2px;
	margin-right: 0px;
	border-right: 1px dashed rgb(230, 230, 230);
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

.dataList .separator.selectedSection {
	background-color: #d5d8e5;
}

.disabled {
	background: #e5e4e2 !important;
}

.status {
	display: inline-block;
	margin: 0;
	border: 1px solid #DDDDDD;
}

.statusField {
	padding: 10px;
	text-align: center;
}

.usersList {
	list-style-type: none;
	height: 200px;
	border: 1px solid #DDDDDD;
	overflow: auto;
	border-collapse: collapse;
	padding: 0px;
}

.usersList li {
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	position: relative;
}

.dataList {
	height: 300px;
	overflow: auto;
	display: inline-block;
	border: 1px solid #DDD;
	vertical-align: middle;
	list-style-type: none;
	padding: 0;
	margin: 0;
	line-height: 30px;
	text-align: left;
	box-sizing: border-box;
}

.input-dialog input, .input-dialog textarea {
	width: 100%;
	box-sizing: border-box;
}

.fancytree-container .cut {
	opacity: 0.2;
}

.fancytree-container .copy {
	font-style: italic;
	opacity: 0.8;
}

input.selectHeight {
	height: 26px;
}

span.oneline {
	white-space: nowrap;
}

.noborder {
	border: 0;
}

.hidden, .hidden_true {
	display: none;
}

table.noSpacing {
	padding: 0;
	border: 0;
	margin: 0;
	width: 100%
}

table.noSpacing tr {
	padding: 0;
	border: 0;
	margin: 0;
}

.drawingEditorTip {
	box-shadow: black 1px 1px 5px 1px;
}

.drawingEditorTip .buttons>div {
	width: 33%;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
}

.drawingEditorTip .buttons>div a {
	display: block;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	cursor: pointer;
	height: 20px;
	padding-top: 30px;
}

.drawingEditorTip .buttons>.save a {
	background-image:
		url(/images/idcapture/skin-idcapture-1/btn_activate.png);
}

.drawingEditorTip .buttons>.clear a {
	background-image:
		url(/images/idcapture/skin-idcapture-1/delete_icon.png);
}

.drawingEditorTip .buttons>.cancel a {
	background-image:
		url(/images/idcapture/skin-idcapture-1/btn_deactivate.png);
}

.drawingEditorTip .buttons>div span {
	display: block;
}

.pageFooter, .reportElement {
	display: none;
}

.downArrowIcon {
	background-image: url(/images/idcapture/skin-idcapture-1/down.png);
}

.taskStatusPanel {
	min-height: 50px;
	min-width: 100px;
	background-color: white;
	border: solid 1px black;
}

.attachFileIcon {
	background-image: url(/images/idcapture/skin-idcapture-1/attach.png);
	background-size: 18px;
	background-repeat: no-repeat;
}

.alignRight {
	float: right;
}

.buttonSwitch {
	vertical-align: middle;
	margin-right: 0;
	display: inline-block;
}

.buttonSwitch [role="button"] {
	margin: 0;
	font-size: initial;
}

.noTitleBar .ui-dialog-titlebar {
	display: none;
}

.noTitleBar {
	padding: 0px;
	box-sizing: border-box;
}

.dialogCustomCloseButton {
	background-image: url(/images/metroIcons/close.svg);
	background-size: contain;
	background-position: center;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.format-pdf {
	background-image: url('/images/idcapture/page_acrobat.png');
}

.format-docx {
	background-image: url('/images/idcapture/page_word.png');
}

.format-xlsx {
	background-image: url('/images/idcapture/page_excel.png');
}

.hide {
	display: none;
}

.alignCenter {
	text-align: center
}

.recipientList {
	text-align: left;
	padding-left: 0;
}

.inputListDisplayValue {
	background: #F2F2F2;
	color: gray;
	border-radius: 3px;
	padding: 4px;
	display: inline-block;
	margin-right: 6px;
	margin-bottom: 4px;
	border: 1px solid rgb(200, 200, 200);
}

.inputListDisplayValue:hover {
	border: 1px solid gray;
}

.inputListDisplayValue .cancelBtn {
	cursor: pointer;
	margin-left: 5px;
	width: 15px;
	height: 15px;
	box-sizing: border-box;
	display: inline-block;
	background-size: contain;
	vertical-align: middle;
}

.ui-widget-content .modal-tree {
	min-height: 200px;
	height: 400px;
	overflow: auto;
	clear: both;
}

.heightReservesFilters {
	height: 65px;
}

/* specific part by context. to see later to put it in a css file apart */
.GenericControlForms .heightTableReservesFilters,
	.GenericControlFormsNonConformites .heightTableReservesFilters {
	height: 40px;
}

.GenericControlForms input[name=selectedStartDate], .GenericControlForms input[name=selectedEndDate],
	.GenericControlFormsNonConformites input[name=selectedStartDate],
	.GenericControlFormsNonConformites input[name=selectedEndDate] {
	width: 74px;
}

.GenericControlForms #selectedTypes+button,
	.GenericControlFormsNonConformites #selectedTypes+button {
	display: none;
}

.GenericControlForms #selectedStatusGroup+button,
	.GenericControlFormsNonConformites #selectedStatusGroup+button {
	display: none;
}

.GenericControlForms #selectedEntreprises+button {
	display: none;
}

.GenericControlForms #selectedAuthors+button {
	display: none;
}

.GenericControlForms #selectedIsPublished+button,
	.GenericControlFormsNonConformites #selectedIsPublished+button {
	display: none;
}

button.accordion {
	background-color: #eee;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	outline: none;
	border: 1px solid white;
	text-align: left;
	font-size: 15px;
	white-space: normal;
}

button.accordion.active, button.accordion:hover {
	background-color: #ddd;
}

button.accordion:after {
	content: '\2795'; /* Unicode character for "plus" sign (+) */
	font-size: 13px;
	color: #777;
	float: right;
	margin-left: 5px;
	width: 10px;
	height: 10px;
}

button.accordion.active:after {
	content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.accordion+.panelContainer {
	padding: 0 18px;
	max-height: 0;
	transition: 0.4s linear;
	overflow: hidden;
	opacity: 0;
}

.accordion+.panelContainer.show {
	opacity: 1;
	max-height: 100%;
}

.alignLeft {
	text-align: left;
}

.trashed .fancytree-title {
	color: #AAAAAA;
}

.trashed .fancytree-title:after {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	background-image: url('/images/metroIcons/ban-red.svg');
	background-size: contain;
	margin-Left: 4px;
}

.topActionBar {
	width: 100%;
	border-bottom: solid 1px rgba(132, 126, 158, 0.4);
}

.shepherd-element.shepherd-theme-square {
	z-index: 600;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-abutted-left .shepherd-content
	{
	margin-top: 16px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-abutted-left .shepherd-content:before
	{
	bottom: 100%;
	left: 16px;
	border-bottom-color: #e6e6e6;
}

body.shepherd-active:after {
	z-index: 599;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: black;
	opacity: 0.4;
}

.revisionListForDocument {
	width: 100%;
	margin-right: 2px;
}

.revisionListContainer {
	display: inline-block;
	width: 15px;
	height: 15px;
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-left: 0.5em;
}

.revisionContainer {
	display: inline-block;
	margin-left: 0.2em;
	width: 3.8em;
}

.hide {
	display: none;
}

.revisionsDropDownContainer {
	display: inline-block;
	margin-left: 0.4em;
}

.revisionsDropDownContainer .revisionDropDownItem {

}

.revisionsDropDownContainer .currentRevision {
	background-color: #f6f6f6;
	color: black;
	border: none;
	cursor: pointer;
	width: 2em;
}

.dropDownItemContainer {
	position: absolute;
	background-color: #f9f9f9;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.dropDownItemContainer .dropDownItem {
	color: black;
	padding: 5px 10px;
	text-decoration: none;
	display: block;
}

.dropDownItemContainer .dropDownItem:hover {
	background-color: #f1f1f1
}

.show {
	display: block;
}

.passwordStrengthBar {
	display: block;
	height: 2px;
}

.passwordStrengthBar.VeryWeak {
	width: 20%;
	background: red;
}

.passwordStrengthBar.Weak {
	width: 40%;
	background: red;
}

.passwordStrengthBar.Medium {
	width: 60%;
	background: orange;
}

.passwordStrengthBar.Strong {
	width: 80%;
	background: green;
}

.passwordStrengthBar.VeryStrong {
	width: 100%;
	background: green;
}

.passwordStrengthLabel.VeryWeak, .passwordStrengthLabel.Weak {
	color: red;
}

.passwordStrengthLabel.Medium {
	color: orange;
}

.passwordStrengthLabel.Strong, .passwordStrengthLabel.VeryStrong {
	color: green;
}

.loginBanner {
	margin-top: 20px;
	padding-bottom: 20px;
	width: 200px;
}

.errorMessageBanner {
	width: 50em;
}

.digisiteLoginBanner {
	width: 50em;
}

#feedbackButton {
	float: left;
	margin-top: 3px;
	padding: 0;
}

#feedbackButton:hover {
	opacity: 0.5;
}

#contextual-information-bubble {
	float: left;
	margin: 3px 5px;
	cursor: pointer;
}

.operationCreationRequestSubmitted {
	color: #00AA00;
	font-weight: 700;
}

.collapsiblePanelTitle {
	margin-top: 5px;
	margin-bottom: 5px;
	cursor: pointer;
	transition: opacity 0.8s;
	position: relative;
	width: 50%;
	min-width: fit-content;
	padding-bottom: 2px;
	border-bottom: dashed 1px rgba(200, 200, 200, 0.8);
	background-size: auto 72%;
	background-repeat: no-repeat;
	background-position: right;
	display: flex;
	justify-content: flex-start;
	gap: 4px;
	align-items: center;
}

.collapsiblePanelTitle span:first-child {
	width: fit-content;
	flex-grow: 4;
}

.collapsiblePanelTitle:hover {
	opacity: 0.6;
}

.collapsiblePanelTitle+div {
	overflow-y: hidden;
	display: none;
}

.collapsiblePanelTitle.expanded .icon.expandIcon {
	background-image: url('/images/metroIcons/expanded.svg');
}

.collapsiblePanelTitle.expanded+div {
	display: block;
}

.invisibleColoredSquareSticker {
	visibility: hidden;
}

.coloredSquareSticker {
	width: 8px;
	height: 8px;
	border: 1px solid rgba(0, 0, 0, 0.25);
	content: '';
	display: inline-block;
	margin-right: 7px;
}

.disabledInput {
	pointer-events: none;
	opacity: 0.4;
}

.moreInformation {
	color: blue;
	cursor: pointer;
	text-decoration: underline;
}

.userSummaryInfo {
	margin-top: 5px;
	margin-bottom: 5px;
	border: 2px solid #EFEFEF;
	border-radius: 4px;
}

.accountSelectDialogLogin {
    font-weight: bold;
}

#accountSelectDialogItemsPanel ul {
	list-style-type: none;
	padding: 10px;
}

.accountSelectDialogItem {
	border-bottom: 1px solid #adaeb0;
	margin-right: 30px;
	margin-left: 30px;
	cursor: pointer;
	-webkit-transition: background .2s;
	transition: background .2s;
	padding-bottom: 15px;
	padding-top: 10px;
}

.accountSelectDialogItem:not(.accountOnboarded) {
	background: #F5F5F5;
}

.accountSelectDialogItem:last-child {
	border-bottom: 0;
}

.accountSelectDialogItem:hover:not(.accountSelectDialogItemSelected) {
	background: #E6EBECFF;
}

.accountNotOnboardedWarning {
	color: orange;
	padding-left: 5px;
}

.accountSelectDialogItemSelected{
	background: #b8cace;
}

.ui-file-component {
	display: flex;
	flex-wrap: wrap;
}

.ui-file-component.disabled {
	opacity: 0.5;
	background: none !important;
}

input.ui-file-input{
	opacity: 0;
	width: 200px;
	height: 35px;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	bottom: 0;
}

input.ui-file-input:not([disabled]){
	cursor: pointer;
}

.ui-file-component button.ui-file-button {
	z-index: 0;
	display: block;
	position: relative;
	width: 200px;
	max-width: 100%;
	height: 35px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #316e77;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #316e77;
	transition: transform .2s ease-out;
}

.ui-file-component .ui-file-button-container {
	display: flex;
	justify-content: center;
	max-width: 100%;
}

.ui-file-component .ui-file-button .icon {
	width: 20px;
	height: 20px;
	margin-right: 5px;
}

.ui-file-name {
	display: flex;
	align-self: center;
}

.ui-file-name.ui-file-color:not(ui-file-selected) {
	color: red;
}

.ui-file-name.ui-file-color.ui-file-selected {
	color: green;
}

label.required-input:after {
	content: " *";
	color: red;
}

#bimdata-viewer div.bimdata-models {
	display: none;
}

#quickNavigationSelector + button .label:before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url('/images/flaticons/directional-sign11.svg');
	background-size: contain;
	margin: 0 2px 0 0;
	background-repeat: no-repeat;
	position: relative;
	top: 3px;
}

.ui-pnotify.task {
       top: inherit;
       right: 0;
       margin-right: 1%;
       margin-left: 1%;
       z-index: 3;
}

.task .ui-pnotify-icon span, .task .icon span {
       display: inline-block;
       width: 16px;
       height: 16px;
       background-size: contain;
}

.task .ui-pnotify-icon .loading, .task .icon .loading {
       background-image: url('/images/task-load.gif');
}

.task .ui-pnotify-icon .success, .task .icon .success {
       background-image: url('/images/metroIcons/check.svg');
}

.task .ui-pnotify-icon .warning, .task .icon .warning {
       background-image: url('/images/flaticons/warning.svg');
}

.ui-pnotify.task .ui-pnotify-icon .error, .task .icon .error {
       background-image: url('/images/metroIcons/cross.svg');
       border: 0;
}

.ui-pnotify.task .ui-pnotify-icon .cancelled, .task .icon .cancelled {
       background-image: url('/images/metroIcons/ban-gray.svg');
}


.ui-pnotify.task .button.download {
       background-image: url('/images/metroIcons/document-fill.svg');
}

.ui-pnotify.task .button.copyToClipboard {
       background-image: url('/images/metroIcons/copy.svg');
}

.ui-pnotify.task .button.copyToClipboard.copied {
       background-image: url('/images/metroIcons/check.svg');
}

.ui-pnotify.task .button {
       cursor: pointer;
       display: inline-block;
       width: 16px;
       height: 16px;
       background-size: contain;
}

.ui-pnotify.task .ui-widget.ui-pnotify-container {
       height: auto;
}

.ui-pnotify.task .ui-pnotify-text {
       width: calc(100% - 40px);
       margin: auto;
}

.ui-pnotify.task .ui-pnotify-text > div:first-of-type {
       display: flex;
       align-items: baseline;
       flex-wrap: wrap;
}

.ui-pnotify.task .ui-pnotify-text > div:first-of-type a {
       align-self: center;
       margin-left: 5px;
}

.ui-pnotify.task .ui-pnotify-text b {
       font-size: 1.2em;
}


.ui-pnotify.notificationsStack {
	width: 600px !important;
	max-width: 100%;
	top: auto;
	left: 0;
	right: 0;
	bottom: 0;
	cursor: auto;
	padding: 10px;
	box-sizing: border-box;
	z-index: 500;
}

.ui-pnotify.notificationsStack .ui-widget {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 1px solid #F3F3F3;
	height: 48px;
	background-color: white;
	margin-bottom: 0.5px;
	padding: 0;
}

.ui-pnotify.notificationsStack .ui-pnotify-text {
	font-weight: normal;
	color: black;
	margin-top: 10px;
	font-size: 1.1em;
}

.ui-pnotify.notificationsStack .ui-pnotify-icon {
	background-repeat: no-repeat;
	background-size: auto 75%;
	background-position: center center;
	width: 48px;
	height: 48px;
	margin-right: 12px;
}

.ui-pnotify.notificationsStack.notification-success .ui-pnotify-icon {
	background-color: rgba(70, 150, 70, 0.7);
	background-image: url('/images/metroIcons/check-plain-white.svg');
}

.ui-pnotify.notificationsStack.notification-notice .ui-pnotify-icon {
	background-color: rgba(10, 50, 140, 0.7);
	background-image: url('/images/metroIcons/info-white.svg');
}

.ui-pnotify.notificationsStack.notification-warn .ui-pnotify-icon {
	background-color: rgba(250,240,98, 0.7);
	background-image: url('/images/flaticons/warning-white.svg');
}

.ui-pnotify.notificationsStack.notification-error .ui-pnotify-icon {
	background-color: rgba(200, 0, 0, 0.7);
	background-image: url('/images/metroIcons/button-close-white.svg');
}

.ui-pnotify.notificationsStack .ui-pnotify-icon .ui-icon {
	display: none;
}

.ui-pnotify.notificationsStack .ui-widget {
	background-image: none;
	background-color: white;
}

.ui-pnotify.notificationsStack .ui-pnotify-closer {
	margin-top: 10px;
	margin-right: 10px;
}

.ui-pnotify.notificationsStack .ui-pnotify-closer .ui-icon {
	background-image: url('/images/metroIcons/close.svg');
	background-size: contain;
	background-position: center;
	opacity: 0.4;
}

.ui-pnotify.notificationsStack:hover  .ui-pnotify-closer .ui-icon {
	opacity: 0.8;
}
.ui-pnotify-container{
    opacity: 1;
    background-color:#FFFFFF;
    height: auto;
}

.fab {
       width: 60px;
       height: 60px;
       background-color: #6666cc;
       border-radius: 50%;
       box-shadow: 0px 4px 8px 0 #666;
       font-size: 345%;
       line-height: 140%;
       color: white;
       text-align: center;
       cursor: pointer;
       transition: all 0.1s ease-in-out;
}

.fab:hover {
       box-shadow: 0px 4px 8px 0 #999;
       transform: scale(1.05);
}

.rulesPanel .fab {
       width: 40px;
       height: 40px;
       background-color: #0EC962;
       font-size: 280%;
       line-height: initial;
}

.childReservesEditor .fab {
       width: 40px;
       height: 40px;
       font-size: 260%;
       line-height: initial;
}#secondaryFormActionsButtons {
	margin-left: 10px;
}

#secondaryFormActionsButtons button:first-child {
	margin-left: 0;
}

#mainFormActionsButtons {
	margin-right: 10px;
}

.editFormPanel {
	font-size: 14px;
}

.editFormPanel table {
	border-collapse: collapse;
}

.editFormPanel > table {
	margin-bottom: 10px;
}

.editFormPanel textarea,
.editFormPanel .textarea {
	width: 100%;
	min-height: 50px;
	box-sizing: border-box;
}

.editFormPanel input {
	box-sizing: border-box;
}

.editFormPanel input,
.editFormPanel textarea {
	padding: 2px;
}

.editFormPanel input,
.editFormPanel textarea,
.editFormPanel button.ui-multiselect {
	border: solid 1px #A9A9A9;
}

.editFormPanel input[readonly],
.editFormPanel input[disabled],
.editFormPanel .input.readonly,
.editFormPanel .select.readonly,
.editFormPanel textarea.readonly,
.editFormPanel textarea[disabled],
.editFormPanel .textarea.readonly,
.editFormPanel button.ui-multiselect[disabled] {
	background: none;
	background-color: #F1F1F1;
	border: solid 1px #D3D3D3;
	display: inline-block;
	padding: 2px;
	box-sizing: border-box;
	min-width: 75px;
	min-height: 25px;
	color: black;
}

.editFormPanel button.ui-multiselect[disabled]:hover {
	background-color: #F1F1F1;
}

.editFormPanel button.ui-multiselect[disabled] .label {
	color: black;
}

.editFormPanel button.ui-multiselect[disabled] {
	opacity: 1;
}

.editFormPanel button.ui-multiselect[disabled] .ui-icon {
	display: none;
}

.editFormPanel button.ui-multiselect[disabled] > img {
	display: none;
}

.editFormPanel .drawingEditor {
	width: 150px;
	height: 75px;
	display: inline-block;
	border: 0;
	vertical-align: middle;
	position: relative;
	pointer-events: none;
}

.editFormPanel .drawingEditor.withFileInput {
	pointer-events: all;
}

.editFormPanel .drawingEditor .preview {
	width: calc(100% - 35px);
	height: 100%;
	background-size: contain;
}

.editFormPanel .drawingEditor .preview img {
	object-fit: contain;
	width: 100%;
}

.editFormPanel .drawingEditor .openLink {
	vertical-align: top;
	background-image: url('/images/idcapture/skin-idcapture-1/btn_modifier.png');
	width: 35px;
	height: 35px;
	display: block;
	position: absolute;
	right: 0;
	bottom: 5px;
	cursor: pointer;
	pointer-events: all;
}

.editFormPanel .drawingEditor.readonly .openLink {
	display: none;
}

.editFormPanel .ui-multiselect {
	width: 100%;
	overflow: hidden;
}

table.addBorders,
table.addBorders > thead > tr > th,
table.addBorders > tfoot > tr > td,
table.addBorders > tbody > tr > td {
	border: solid 1px black;
}

tr.addBorders,
tr.addBorders > th,
tr.addBorders > td {
	border: solid 1px black;
}

tbody.addBorders > tr > td {
	border: solid 1px black;
}

.editFormPanel td {
	padding: 2px;
}

#arteliaFicoForm .signatureRow,
#arteliaFicoForm .signatureRow tr,
#arteliaFicoForm .signatureRow td {
	max-height: 80px;
	overflow: hidden;
	pointer-events: none;
}

.editFormPanel .childReserveRow > div {
	margin-bottom: 30px;
}

.editFormPanel .childReserveRow .ui-multiselect .label {
	overflow: hidden;
	text-overflow: ellipsis;
}

.editFormPanel .childReserveRow .childReserveGlobalPanel {
	display: flex;
	margin-bottom: 5px;
}

.editFormPanel .childReserveRow .childReserveFirstColumnPanel {
	width: 40%;
	margin-right: 5px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.editFormPanel .childReserveRow .childReserveFirstColumnPanel > div {
	display: flex;
	align-items: center;
}

.editFormPanel .childReserveRow .childReserveFirstColumnPanel .rowLabel,
.editFormPanel .childReserveRow .childReserveFollowUpPanel .childReserveFollowUpTitle {
	text-align:right;
	padding-right:12px;
	width: 138px;
	min-width: 138px;
}

.editFormPanel .childReserveRow .childReserveSecondColumnPanel {
	width: 48%;
	margin-right: 5px;
	display: flex;
	flex-direction: column;
}

.editFormPanel .childReserveRow .childReserveActionPanel {
	min-width: fit-content;
	width: 12%;
}

.editFormPanel .childReserveRow .childReserveActionButtons {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.editFormPanel .childReserveRow .childReserveActionButtons .ui-button-text {
	padding: .3em 1em .3em 2.1em;
}

.editFormPanel .childReserveRow .childReserveFollowUpPanel {
	display: none;
	padding-top: 10px;
}

.editFormPanel .childReserveRow .childReserveFollowUpPanel > div {
	display: flex;
}

.editFormPanel .childReserveRow .childReserveFollowUpPanel .childReserveAddNewCommentPanel {
	margin-bottom: 10px;
}

.editFormPanel .childReserveRow .childReserveFollowUpPanel .childReserveAddNewCommentInputs {
	width: 100%;
	display: flex;
}

.editFormPanel .childReserveRow .childReserveFollowUpPanel .childReserveCommentsTable {
	border-collapse: separate;
	flex-grow: 1;
	width: auto;
}

.editFormPanel .childReserveRow .childReserveFollowUpPanel .childReserveCommentStatus {
	width: 8px;
	border: 1px solid #A9A9A9;
	padding: 5px 2px;
}

.editFormPanel .childReserveRow .childReserveFollowUpPanel .childReserveCommentDate {
	white-space: nowrap;
	padding: 5px 6px;
	background-color: #ddd;
	width: 1px;
}

.editFormPanel .childReserveRow .childReserveFollowUpPanel .childReserveCommentAuthor {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 15ch;
	padding: 5px 6px;
	background-color: #ddd;
	width: 1px;
}

.editFormPanel .childReserveRow .childReserveFollowUpPanel .childReserveCommentMessage {
	padding: 5px 6px;
}

.editFormPanel .childReserveRow .childReserveFollowUpPanel .childReserveFollowUpTitle {
	margin: 0;
	padding-top: 3px;
}

.editFormPanel .addChildReserveButton {
	margin-left: 150px;
}

.imageListEditor {
       display: inline-block;
       width: 100%;
       height: 100%;
       min-height: 40px;
       min-width: 40px;
       box-sizing: border-box;
       text-align: center;
       position: relative;
       overflow-x: auto;
       overflow-y: hidden;
}

.imageListEditor.singleTile {
       max-width: 160px;
       overflow: hidden;
}

.imageListEditor .addButton {
       display: inline-block;
       width: 100%;
       height: 100%;
       box-sizing: border-box;
       background-image: url('/images/metroIcons/photo-add.svg');
       background-size: 50%;
       background-position: center;
       background-repeat: no-repeat;
       cursor: pointer;
}

.imageListEditor.singleTile .addButton {
       position: absolute;
       right: 0;
       top: 0;
       bottom: 0;
       max-width: 100px;
}

.imageListEditor .addButton.visible_false {
       display: none;
}

.imageListEditor .itemsCountBadge,
.imageListEditor .quickAddButton,
.imageListEditor .delete {
       position: absolute;
       border-radius: 50%;
       color: ghostwhite;
       display: inline-block;
       width: 25px;
       height: 25px;
       line-height: 25px;
       box-sizing: border-box;
       z-index: 10;
       font-size: 0.8em;
       cursor: pointer;
}

.imageListEditor .itemsCountBadge {
       top: 4px;
       left: 4px;
       background-color: #ba3912;
       border: solid 1px #990d00;
       box-shadow: rgba(95, 29, 4, 0.4) 1px 0px 0.5px 0.5px;
}

.imageListEditor .itemsCountBadge:hover {
       animation: items-count-badge-hover-highlight 0.4s ease-out 1;
}

@keyframes items-count-badge-hover-highlight {
       50% {
              background-color: #990d00;
              width: 30px;
              height: 30px;
              line-height: 30px;
              top: 2px;
              left: 2px;
       }
}

.imageListEditor .previewsAndAddButton {
       position: absolute;
       height: 50px;
       width: 100px;
       text-align: left;
       white-space: nowrap;
       max-height: 100%;
       max-width: 100%;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
}

#reserveForm .imageListEditor .addButton,
#taskForm .imageListEditor .addButton {
       background-size: 60%;
}

#reserveForm .imageListEditor .previewsAndAddButton,
#taskForm .imageListEditor .previewsAndAddButton {
       height: 100%;
       width: 100%;
       max-height: unset;
       max-width: unset;
       top: unset;
       left: unset;
       transform: unset;
}

.imageListEditor .previews {
       display: inline-block;
       height: 100%;
       width: auto;
}

.imageListEditor.singleTile .previews {
       width: 100%;
}

.imageListEditor:not(.singleTile) {
       padding-top: 100%;
}

.imageListEditor .quickAddButton {
       left: 4px;
       top: 33px;
       border: solid 2px rgba(200, 200, 200, 0.4);
       background-image: url('/images/metroIcons/plus.svg');
       background-size: 100%;
       background-position: center;
       background-repeat: no-repeat;
       background-color: white;
}

.imageListEditor .quickAddButton:hover {
       animation: add-photo-hover-highlight 0.4s ease-out 1;
}

@keyframes add-photo-hover-highlight {
       50% {
              background-color: #C8C8C8;
              width: 30px;
              height: 30px;
              line-height: 30px;
              left: 2px;
              top: 31px;
       }
}

.imageListEditor .delete {
       top: 4px;
       right: 4px;
       border: solid 2px rgba(200, 200, 200, 0.4);
       background-image: url('/images/metroIcons/cross.svg');
       background-size: 50%;
       background-position: center;
       background-repeat: no-repeat;
       background-color: white;
       z-index: 10;
}

.imageListEditor .delete:hover {
       animation: delete-photo-hover-highlight 0.4s ease-out 1;
}

@keyframes delete-photo-hover-highlight {
       50% {
              background-color: #C8C8C8;
              width: 30px;
              height: 30px;
              line-height: 30px;
              top: 2px;
              right: 2px;
       }
}

.imageListEditor.readonly .delete {
       display: none;
}

.imageListEditor.readonly .addButton {
       display: none;
}

.imageListEditor .addButton:hover {
       border-color: rgba(200, 200, 200, 1);
       background-color: rgba(200, 200, 200, 1);
}

.imageListEditor .preview {
       height: 100%;
       width: 100%;
       box-sizing: border-box;
       display: none;
       cursor: pointer;
       position: relative;
       margin-right: 10px;
       text-align: center;
}

.tipsy .attachmentDetails {
       color: rgb(135, 135, 135);
       font-size: 0.94em;
       font-style: italic;
}

.imageListEditor.loaded .preview {
       display: inline-block;
}

.imageListEditor.readonly .preview {
       cursor: auto;
}

.imageListEditor .preview img,
.mediaGalleryDialog .photo img,
.mediaGalleryDialog .photosList > .photoPreview img,
#reservePhotosList > .photoPreview img,
#reservePhoto img {
       width: 100%;
       height: 100%;
       object-fit: contain;
}

.imageListEditor .preview .overlay {
       background-color: rgba(200, 200, 200, 1);
       opacity: 0.01;
       z-index: 5;
       transition-duration: 1s;
       width: 100%;
       height: 100%;
       display: inline-block;
       position: absolute;
       top: 0;
       left: 0;

       background-image: url('/images/metroIcons/eye.svg');
       background-size: 48px;
       background-position: center;
       background-repeat: no-repeat;
}

.imageListEditor .preview .overlay:hover {
       opacity: 0.8;
}

.mediaGalleryDialog .container,
#reservePhotoContainer {
       display: inline-block;
       width: 70%;
       height: 100%;
       margin: 0px;
       padding: 0px;
       vertical-align: top;
       position: relative;
       /* 	background-image: url(/images/no_image_available.png); */
}

.mediaGalleryDialog .container {
       width: 100%;
}

.mediaGalleryDialog .photo,
#reservePhoto {
       width: 100%;
       height: 100%;
       background-color: #777777;
       text-align: center;
}

.mediaGalleryDialog .photo:not(.hasPhotos),
#reservePhoto:not(.hasPhotos) {
       background-size: 25%;
}


.mediaGalleryDialog .previousPhoto,
.mediaGalleryDialog .nextPhoto,
#reservePhotoContainer #previousPhoto,
#reservePhotoContainer #nextPhoto ,
#reservePhotoContainer #previousReserve,
#reservePhotoContainer #nextReserve{
       width: 80px;
       min-height: 100px;
       z-index: 3;
       cursor: pointer;
       display: none;
       transition-duration: 0.5s;
       position: absolute;
       background-position: center;
       background-repeat: no-repeat;
       background-size: 80%;
       background-color: rgba(0, 0, 0, 0.2);
}

.mediaGalleryDialog .previousPhoto,
.mediaGalleryDialog .nextPhoto,
#reservePhotoContainer #previousPhoto,
#reservePhotoContainer #nextPhoto{
       height: 10%;
       bottom: 0;
}
#reservePhotoContainer #previousReserve,
#reservePhotoContainer #nextReserve{
       height: 50%;
       bottom: 25%;
}


.mediaGalleryDialog .previousPhoto,
#previousPhoto,
#previousReserve {
       left: 0;
       background-image: url(/images/metroIcons/previous.svg);
}

.mediaGalleryDialog .nextPhoto,
#nextPhoto,
#nextReserve {
       right: 0;
       background-image: url(/images/metroIcons/next.svg);
}


.mediaGalleryDialog .container:hover .previousPhoto,
.mediaGalleryDialog .container:hover .nextPhoto,
.buttonArrow:hover {
       display: block;
       transition-duration: 0.3s;
}

.buttonArrow:hover {
       background-color: rgba(128,128,128, 0.8) !important;
}

.mediaGalleryDialog .photosList,
#reservePhotosList {
       padding: 10px 100px;
       height: 10%;
       width: 100%;
       display: block;
       box-sizing: border-box;
       background-color: rgba(0, 0, 0, 0.5);
       min-height: 100px;
       position: absolute;
       bottom: 0;
}

.mediaGalleryDialog .photosList > .photoPreview,
#reservePhotosList > .photoPreview {
       display: inline-block;
       margin-right: 10px;
       margin-left: 10px;
       height: 100%;
       width: 10%;
       cursor: pointer;
       opacity: 0.5;
       text-align: center;
}

#reservePhotosList {
       display: flex;
       overflow-x: auto;
       overflow-y: hidden;
       flex-flow: row;
}

#reservePhotosList > .photoPreview {
       flex: 1;
       min-width: 15%;
       max-width: 10%;
}

.mediaGalleryDialog .photosList > .photoPreview.active,
#reservePhotosList > .photoPreview.active {
       border: 1px solid white;
       opacity: 1;
}

.mediaGalleryDialog .addPhoto,
.mediaGalleryDialog .downloadPhoto,
.mediaGalleryDialog .removePhoto {
       position: absolute;
       right: 0.2em;
       top: 0.2em;
       width: 1em;
       height: 1em;
       line-height: 1em;
       z-index: 10;
}

.mediaGalleryDialog .removePhoto {
       top: 1.4em;
       line-height: 0.9em;
}

.mediaGalleryDialog .addPhoto {
       top: 0.2em;
}

.mediaGalleryDialog .downloadPhoto {
       top: 2.6em;
       line-height: 0.9em;
}

.mediaGalleryDialog .downloadPhoto > .icon {
       filter: invert(1);
}

.ui-dialog .ui-dialog-content.mediaGalleryDialog {
       padding: 0;
       overflow: hidden;
}
.fancytree-selected .fancytree-title,
.fancytree-active .fancytree-title {
    background-color: rgba(149, 131, 173, 0.27) !important;
    color: black !important;
}

.selectModeSingle .fancytree-node:not(.fancytree-folder) .fancytree-icon,
.selectModeSingle .fancytree-node.preview .fancytree-icon {
    display: none;
}

.selectModeMultiple .fancytree-node:not(.fancytree-folder) .fancytree-icon {
    display: none;
}

.selectModeSingle .fancytree-node.fancytree-selected .fancytree-icon,
.selectModeSingle .fancytree-node.fancytree-selected .fancytree-icon:hover {

    background-image: url('/images/metroIcons/eye.svg');
    background-size: contain;
    background-position: center;
    display: inline-block;
}

.selectModeSingle .fancytree-checkbox {
    display: none;
}

.revisionContainer .ui-multiselect {
    border: solid 1px rgba(240, 240, 2140, 0.8);
    background-image: none;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0;
    padding: 1.5px;
    width: 100%;
    height: 1.5em;
    outline: none;
    overflow: hidden;
}

.revisionContainer .ui-multiselect .ui-icon {
    width: 9px;
    background-position: -132px -16px;
}

#filesTree:focus {
    outline: none;
}

.filesTreeContainer {
    height: 100%;
    overflow: auto;
}

.showTreeOption {
    display: inline-block;
    z-index: 10;
}

.hideTreeOption {
    display: none;
    z-index: 0;
}

.showTreePanel {
    opacity: 1;
    visibility: visible;
}

.hideTreePanel {
    opacity: 0;
    visibility: hidden;
}

.hideTreeContainer {
    width: 0;
    height: 0;
}

.treeOptionPanelSeparator {
    border-top: 1px dotted #8c8b8b;
}

.treeOptionPanelSubHeader {
    font-weight: bold;
    width: 38%;
    vertical-align: middle;
    white-space: nowrap;
}

.treeOptionPanelPart {
    margin: 1.5em 0;
}

.hideFilterTreeNode,
.hideFilterTagTreeNode {
    display: none !important;
}

.filesTreeOptionContainer {

    width: 100%;
    border-bottom: solid 1px rgba(132, 126, 158, 0.4);
    height: 30px;
}

.filesTreeOptionContainer .filterTreeText,
.plansToCopyReservePanel .filterTreeText,
#move-reserves-target-plan-panel .displayFilterIcon {
    width: 100%;
    height: 100%;
    padding-left: 30px;
    border: none;
    box-sizing: border-box;
    outline: none;
}

.filesTreeOptionContainer .displayFilterIcon,
.plansToCopyReservePanel .displayFilterIcon,
#move-reserves-target-plan-panel .displayFilterIcon {
    background-image: url('/images/flaticons/filter.svg');
    display: inline-block;
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: 5px;
}

.openTreeOptionPanelButton {
    background-image: url(/images/metroIcons/arrow-right.svg);
    background-size: 44px !important;
    background-position: -6px !important;
    width: 100%;
}

.openTreeOptionPanelContainer > button {
    border: none;
    width: 40px;
    margin: 0;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

.treeOptionsPanelContainer {
    position: absolute;
    right: -324px;
    top: -26px;
    z-index: 10;
    background-color: white;
    border: solid 1px rgba(132, 126, 158, 0.4);
    padding: 0.5em 1em;
    max-width: 25em;
    width: 25em;
    max-width: 25em;
    min-height: 2em;
}

.treeOptionsPanelContainer td {
    padding: 0;
}

span.fancytree-selected span {
    color: green;
    font-style: italic;
}

.fancytree-plain .fancytree-node .fancytree-title,
.fancytree-plain .fancytree-node:hover .fancytree-title,
.fancytree-title:active {
    outline-style: none;
    border: solid 0px transparent;
    background-color: white;
}

ul.fancytree-container {
    border: none 0px;
    margin: 0;
    padding: 3px 0 0 3px;
    height: 100%;
    overflow: auto;
    box-sizing: border-box;
    outline: none;
}

.treeUIActions {
    white-space: nowrap;
    width: 100%;
    height: 30px;
}

.treeUIActions > a {
    white-space: normal;
    height: 2.2em;
    text-align: center;
    display: block;
    width: 50%;
    text-decoration: none;
    background-color: rgb(252, 252, 252);
    float: left;
    box-sizing: border-box;
    border-width: 0 1px 1px 0;
    border-style: dashed;
    border-color: rgb(230, 230, 230);
    line-height: 2.3em;
    color: rgb(3, 76, 114);
}

.treeUIActions > a:hover {
    background-color: rgb(245, 246, 245);
}

.treeUIActions .icon {
    width: 1em;
    height: 1em;
    vertical-align: text-top;
}

.tree {
    outline: none;
}

.fancytree-title.expanded {
    width: 100%;
}

#treeInputRename {
    width: 100%;
}#spinner {
       pointer-events: none;
       font-size: 1.2em;
       position: absolute;
       top: 100px;
       left: calc(50% - 150px);
       z-index: 50000;
       background-color: white !important;
       border: solid 1px black;
       width: 300px;
       height: 100px;
       opacity: 0;
       display: none;
       margin-left: auto;
       margin-right: auto;
       transition: opacity 0.2s;
}

#spinner.visible {
       opacity: 0.9;
       display: block;
}

.spinner {
       width: 50px;
       height: 50px;
       border-radius: 100%;
       margin: auto;
       position: absolute;
       left: 20px;
       top: 0;
       bottom: 0;
       margin: auto;
       min-height: 52px;
}

.imgSpinner {
       vertical-align: middle;
}

.drop-down-menu {

  position: relative;
  z-index:50;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  
  margin-top: 0px;

  padding: 2px 0px 0px 0px;
  line-height: 10px;
  height: 32px;

  margin-bottom: -1px;
}
.drop-down-menu li {
  margin: 0 2px;
  padding: 0 0 3px;
  float: left;
  position: relative;
  list-style: none;
}


/* main level link */
.drop-down-menu a {
  font-weight: normal;
  color: white;
  text-decoration: none;
  display: block;
  padding:  8px 10px;
  margin: 0;

  border-radius: 2px;
  
}
.drop-down-menu a.hasHover:hover {
  background: black;
  color: white;
  border-radius: 2px;
}

/* main level link hover */
.drop-down-menu .current a, .drop-down-menu li.hasHover:hover > a {
  background: white;
  color: #444;
  border-top: solid 1px #f8f8f8;
  border-radius: 2px;
}

/* sub levels link hover */
.drop-down-menu ul li:hover a, .drop-down-menu li:hover li a,
.drop-down-menu li.hasHover li a {
  background: none;
  border: none;
  color: #666;
}

.snowHover:hover > a, .snowHover.hasHover > a {
  background: white;
  color: #444;
  border-top: solid 1px #f8f8f8;
  border-radius: 2px;
}

.drop-down-menu ul a:hover {
  background: steelblue !important;
  color: white !important;
}

/* dropdown */
.drop-down-menu li:hover > ul, .drop-down-menu li.hasHover > ul {
  display: block;
}

/* level 2 list */
.drop-down-menu ul {
  display: none;

  margin: 0;
  padding: 0;
  width: 265px;
  position: absolute;
  top: 28px;
  left: -20px;

  background: white;
  border: solid 1px #b4b4b4;
  border-radius: 2px;
}

.drop-down-menu ul li {
  float: none;
  margin: 0;
  padding: 0;
  border-radius: 2px;
}

.drop-down-menu ul a {
  font-weight: normal;
  border-radius: 2px;
}

/* level 3+ list */
.drop-down-menu ul ul {
  left: 181px;
  top: -3px;
}

/* rounded corners of first and last link */
.drop-down-menu ul li:first-child > a {
}
.drop-down-menu ul li:last-child > a {
}

/* clearfix */
.drop-down-menu:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/*.drop-down-menu {
  display: inline-block;
} */
html[xmlns] .drop-down-menu {
  display: block;
}
 
* html .drop-down-menu {
  height: 1%;
}
/*
colpick Color Picker / colpick.com
*/

/*Button*/
.ui-colpick-button {
	cursor: pointer;
}

.ui-colpick-button.small {
	width: 23px;
	height: 23px;
	border: 1px solid #DDDDDD;
	display: inline-block;
	vertical-align: middle;
}

/*Main container*/
.ui-colpick {
	position: absolute;
	width: 346px;
	height: 170px;
	overflow: hidden;
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	background:#ebebeb;
	border: 1px solid #bbb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	/*Prevents selecting text when dragging the selectors*/
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.ui-dialog .ui-colpick {
	position: fixed !important;
}

/*Color selection box with gradients*/
.ui-colpick_color {
	position: absolute;
	left: 7px;
	top: 7px;
	width: 156px;
	height: 156px;
	overflow: hidden;
	outline: 1px solid #aaa;
	cursor: crosshair;
}
.ui-colpick_color_overlay1 {
	position: absolute;
	left:0;
	top:0;
	width: 156px;
	height: 156px;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')"; /* IE8 */
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff'); /* IE6 & IE7 */
}
.ui-colpick_color_overlay2 {
	position: absolute;
	left:0;
	top:0;
	width: 156px;
	height: 156px;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')"; /* IE8 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
/*Circular color selector*/
.ui-colpick_selector_outer {
	background:none;
	position: absolute;
	width: 11px;
	height: 11px;
	margin: -6px 0 0 -6px;
	border: 1px solid black;
	border-radius: 50%;
}
.ui-colpick_selector_inner{
	position: absolute;
	width: 9px;
	height: 9px;
	border: 1px solid white;
	border-radius: 50%;
}
/*Vertical hue bar*/
.ui-colpick_hue {
	position: absolute;
	top: 6px;
	left: 175px;
	width: 19px;
	height: 156px;
	border: 1px solid #aaa;
	cursor: n-resize;
}
/*Hue bar sliding indicator*/
.ui-colpick_hue_arrs {
	position: absolute;
	left: -8px;
	width: 35px;
	height: 7px;
	margin: -7px 0 0 0;
}
.ui-colpick_hue_larr {
	position:absolute;
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 7px solid #858585;
}
.ui-colpick_hue_rarr {
	position:absolute;
	right:0;
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent; 
	border-right: 7px solid #858585; 
}
/*New color box*/
.ui-colpick_new_color {
	position: absolute;
	left: 207px;
	top: 6px;
	width: 60px;
	height: 27px;
	background: #f00;
	border: 1px solid #8f8f8f;
}
/*Current color box*/
.ui-colpick_current_color {
	position: absolute;
	left: 277px;
	top: 6px;
	width: 60px;
	height: 27px;
	background: #f00;
	border: 1px solid #8f8f8f;
}
/*Input field containers*/
.ui-colpick_field, .ui-colpick_hex_field  {
	position: absolute;
	height: 20px;
	width: 60px;
	overflow:hidden;
	background:#f3f3f3;
	color:#b8b8b8;
	font-size:12px;
	border:1px solid #bdbdbd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.ui-colpick_rgb_r {
	top: 40px;
	left: 207px;
}
.ui-colpick_rgb_g {
	top: 67px;
	left: 207px;
}
.ui-colpick_rgb_b {
	top: 94px;
	left: 207px;
}
.ui-colpick_hsb_h {
	top: 40px;
	left: 277px;
}
.ui-colpick_hsb_s {
	top: 67px;
	left: 277px;
}
.ui-colpick_hsb_b {
	top: 94px;
	left: 277px;
}
.ui-colpick_hex_field {
	width: 68px;
	left: 207px;
	top: 121px;
}
/*Text field container on focus*/
.ui-colpick_focus {
	border-color: #999;
}
/*Field label container*/
.ui-colpick_field_letter {
	position: absolute;
	width: 12px;
	height: 20px;
	line-height: 20px;
	padding-left: 4px;
	background: #efefef;
	border-right: 1px solid #bdbdbd;
	font-weight: bold;
	color:#777;
}
/*Text inputs*/
.ui-colpick_field input, .ui-colpick_hex_field input {
	position: absolute;
	right: 11px;
	margin: 0;
	padding: 0;
	height: 20px;
	line-height: 20px;
	background: transparent;
	border: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
	text-align: right;
	outline: none;
}
.ui-colpick_hex_field input {
	right: 4px;
}
/*Field up/down arrows*/
.ui-colpick_field_arrs {
	position: absolute;
	top: 0;
	right: 0;
	width: 9px;
	height: 21px;
	cursor: n-resize;
}
.ui-colpick_field_uarr {
	position: absolute;
	top: 5px;
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid #959595;
}
.ui-colpick_field_darr {
	position: absolute;
	bottom:5px;
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #959595;
}
/*Submit/Select button*/
.ui-colpick_submit {
	position: absolute;
	left: 207px;
	top: 149px;
	width: 130px;
	height: 22px;
	line-height:22px;
	background: #efefef;
	text-align: center;
	color: #555;
	font-size: 12px;
	font-weight:bold;
	border: 1px solid #bdbdbd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.ui-colpick_submit:hover {
	background:#f3f3f3;
	border-color:#999;
	cursor: pointer;
}

/*full layout with no submit button*/
.ui-colpick_full_ns  .ui-colpick_submit, .ui-colpick_full_ns .ui-colpick_current_color{
	display:none;
}
.ui-colpick_full_ns .ui-colpick_new_color {
	width: 130px;
	height: 25px;
}
.ui-colpick_full_ns .ui-colpick_rgb_r, .ui-colpick_full_ns .ui-colpick_hsb_h {
	top: 42px;
}
.ui-colpick_full_ns .ui-colpick_rgb_g, .ui-colpick_full_ns .ui-colpick_hsb_s {
	top: 73px;
}
.ui-colpick_full_ns .ui-colpick_rgb_b, .ui-colpick_full_ns .ui-colpick_hsb_b {
	top: 104px;
}
.ui-colpick_full_ns .ui-colpick_hex_field {
	top: 135px;
}

/*rgbhex layout*/
.ui-colpick_rgbhex .ui-colpick_hsb_h, .ui-colpick_rgbhex .ui-colpick_hsb_s, .ui-colpick_rgbhex .ui-colpick_hsb_b {
	display:none;
}
.ui-colpick_rgbhex {
	width:282px;
}
.ui-colpick_rgbhex .ui-colpick_field, .ui-colpick_rgbhex .ui-colpick_submit {
	width:68px;
}
.ui-colpick_rgbhex .ui-colpick_new_color {
	width:34px;
	border-right:none;
}
.ui-colpick_rgbhex .ui-colpick_current_color {
	width:34px;
	left:240px;
	border-left:none;
}

/*rgbhex layout, no submit button*/
.ui-colpick_rgbhex_ns  .ui-colpick_submit, .ui-colpick_rgbhex_ns .ui-colpick_current_color{
	display:none;
}
.ui-colpick_rgbhex_ns .ui-colpick_new_color{
	width:68px;
	border: 1px solid #8f8f8f;
}
.ui-colpick_rgbhex_ns .ui-colpick_rgb_r {
	top: 42px;
}
.ui-colpick_rgbhex_ns .ui-colpick_rgb_g {
	top: 73px;
}
.ui-colpick_rgbhex_ns .ui-colpick_rgb_b {
	top: 104px;
}
.ui-colpick_rgbhex_ns .ui-colpick_hex_field {
	top: 135px;
}

/*hex layout*/
.ui-colpick_hex .ui-colpick_hsb_h, .ui-colpick_hex .ui-colpick_hsb_s, .ui-colpick_hex .ui-colpick_hsb_b, .ui-colpick_hex .ui-colpick_rgb_r, .ui-colpick_hex .ui-colpick_rgb_g, .ui-colpick_hex .ui-colpick_rgb_b {
	display:none;
}
.ui-colpick_hex {
	width:206px;
	height:201px;
}
.ui-colpick_hex .ui-colpick_hex_field {
	width:72px;
	height:25px;
	top:168px;
	left:80px;
}
.ui-colpick_hex .ui-colpick_hex_field div, .ui-colpick_hex .ui-colpick_hex_field input {
	height: 25px;
	line-height: 25px;
}
.ui-colpick_hex .ui-colpick_new_color {
	left:9px;
	top:168px;
	width:30px;
	border-right:none;
}
.ui-colpick_hex .ui-colpick_current_color {
	left:39px;
	top:168px;
	width:30px;
	border-left:none;
}
.ui-colpick_hex .ui-colpick_submit {
	left:164px;
	top: 168px;
	width:30px;
	height:25px;
	line-height: 25px;
}

/*hex layout, no submit button*/
.ui-colpick_hex_ns  .ui-colpick_submit, .ui-colpick_hex_ns .ui-colpick_current_color {
	display:none;
}
.ui-colpick_hex_ns .ui-colpick_hex_field {
	width:80px;
}
.ui-colpick_hex_ns .ui-colpick_new_color{
	width:60px;
	border: 1px solid #8f8f8f;
}

/*Dark color scheme*/
.ui-colpick_dark {
	background: #161616;
	border-color: #2a2a2a;
}
.ui-colpick_dark .ui-colpick_color {
	outline-color: #333;
}
.ui-colpick_dark .ui-colpick_hue {
	border-color: #555;
}
.ui-colpick_dark .ui-colpick_field, .ui-colpick_dark .ui-colpick_hex_field {
	background: #101010;
	border-color: #2d2d2d;
}
.ui-colpick_dark .ui-colpick_field_letter {
	background: #131313;
	border-color: #2d2d2d;
	color: #696969;
}
.ui-colpick_dark .ui-colpick_field input, .ui-colpick_dark .ui-colpick_hex_field input {
	color: #7a7a7a;
}
.ui-colpick_dark .ui-colpick_field_uarr {
	border-bottom-color:#696969;
}
.ui-colpick_dark .ui-colpick_field_darr {
	border-top-color:#696969;
}
.ui-colpick_dark .ui-colpick_focus {
	border-color:#444;
}
.ui-colpick_dark .ui-colpick_submit {
	background: #131313;
	border-color:#2d2d2d;
	color:#7a7a7a;
}
.ui-colpick_dark .ui-colpick_submit:hover {
	background-color:#101010;
	border-color:#444;
}
input.valid {
       border: 1px solid rgba(92, 212, 78, 0.8);
       background-color: rgba(92, 212, 78, 0.2);
}

.error {
       border: 1px solid rgba(181, 47, 47, 0.8);
       background-color: rgba(181, 47, 47, 0.2);
}

.validable.validationMessage, .errorDetails, .noticeDetails, .warningDetails, .questionDetails {
       font-size: 0.8em;
       font-style: italic;
       padding-top: 3px;
       color: red;
}

.noticeDetails {
       color: rgb(20, 20, 100);
}

.questionDetails, .warningDetails {
       color: #e99144;
}

.validable.validationMessage .icon,
.errorDetails .icon,
.warningDetails .icon,
.questionDetails .icon,
.noticeDetails .icon {
       margin-right: 3px;
       width: 13px;
       height: 13px;
       vertical-align: top;
}

.formValidatedPanel .errorDetails {
       display: none;
}

.formValidatedPanel.invalid .errorDetails {
       display: block;
}

.formValidatedPanel.invalid {
       color: red;
       font-weight: bold;
}

.formValidatedPanel.invalid input {
       background-color: rgba(255, 200, 200, 0.5);
       color: black;
       border: solid 1px lightgrey;
}

input.valid, textarea.valid {
       border: 1px solid rgba(92, 212, 78, 0.8);
       background-color: rgba(92, 212, 78, 0.2);
}

.formValidatedPanel.persisting .validable {
       border: solid 1px white;
}

.formValidatedPanel.persisting:after {
       content: '';
       display: inline-block;
       width: 14px;
       height: 14px;
       vertical-align: middle;
       background-image: url('/images/task-load.gif');
       background-size: contain;
       margin-Left: 4px;
}

.formValidatedPanel.persisted .validable {
       border: 1px solid rgba(92, 212, 78, 0.8);
       background-color: rgba(92, 212, 78, 0.2);
}

.formValidatedPanel.persisted:after,
.formValidatedPanel .persisted:after,
.validCheckIcon:after {
       content: '';
       display: inline-block;
       width: 14px;
       height: 14px;
       vertical-align: middle;
       background-image: url('/images/metroIcons/check-plain.svg');
       background-size: cover;
       margin-Left: 4px;
}

.formValidatedPanel.persistError:after,
.formValidatedPanel .persistError:after {
       content: '';
       display: inline-block;
       width: 14px;
       height: 14px;
       vertical-align: middle;
       background-image: url('/images/metroIcons/cross.svg');
       background-size: cover;
       margin-Left: 4px;
}
.banner-message {
       padding: 16px;
       display: flex;
       margin-top: 5px;
       gap: 10px;
       font-size: 12px;
       border-width: 0;
}

.banner-message.error {
       background-color: #FFEBE6;
}

.banner-message.info {
       background-color: #DEEBFF;
}

.banner-message.success {
       background-color: #E3FCEF;
}

.banner-message.warning {
       background-color: #FFFAE6;
}

.banner-message.question {
       background-color: #F4F5F7;
}

.context-menu-icon-circles {
  background-image: url('/images/metroIcons/circles.svg');
}

.context-menu-icon-sessions {
    background-image: url(/images/phosphorIcons/building-apartment.svg);
}

.context-menu-icon-configuration,
.context-menu-icon-archival-configuration {
    background-image: url('/images/phosphorIcons/gear.svg');
}

.context-menu-icon-arrow-multi-line-right {
    background-image: url('/images/metroIcons/arrow-multi-line-right.svg');

}

.context-menu-icon-users {
    background-image: url('/images/phosphorIcons/users.svg');

}
.context-menu-icon-form {
    background-image: url('/images/metroIcons/document-fill.svg');

}

.context-menu-icon-trash {
    background-image: url('/images/flaticons/garbage.svg');
}

.context-menu-icon-settings {
    background-image: url(/images/metroIcons/tools-circled.svg);
}

.context-menu-icon-untrash{
    background-image: url('/images/flaticons/return10.svg');
}

.context-menu-icon-irreversible-delete{
    background-image: url('/images/metroIcons/fire.svg');

}
.context-menu-icon-list{
    background-image: url('/images/metroIcons/list.svg');

}
.context-menu-icon-folder{
    background-image: url('/images/flaticons/folder265.svg');

}
.context-menu-icon-operation-group{
    background-image: url('/images/flaticons/folder_multiple.svg');

}
.context-menu-icon-rename {
    background-image: url('/images/metroIcons/rename.svg');

}
.context-menu-icon-grid {
    background-image: url('/images/metroIcons/grids.svg');

}
.context-menu-icon-plans {
    background-image: url('/images/metroIcons/layers.svg');
}

.context-menu-icon-plans-tree {
    background-image: url('/images/phosphorIcons/map-trifold.svg');
}

.context-menu-icon-upload {
    background-image: url('/images/metroIcons/upload.svg');

}
.context-menu-icon-download {
    background-image: url('/images/metroIcons/download.svg');

}
.context-menu-icon-notification {
    background-image: url('/images/metroIcons/mail-circled.svg');

}
.context-menu-icon-archive {
    background-image: url('/images/flaticons/folders7.svg');

}
.context-menu-icon-duplicate {
    background-image: url('/images/phosphorIcons/copy.svg');

}
.context-menu-icon-user {
    background-image: url('/images/phosphorIcons/user.svg');

}
.context-menu-icon-log {
    background-image: url('/images/metroIcons/mailbox-circled.svg');

}
.context-menu-icon-unlock {
    background-image: url(/images/idcapture/common/unlock.png);

}
.context-menu-icon-lock {
    background-image: url('/images/idcapture/lock-icon.png');

}
.context-menu-icon-unlock-simple {
    background-image: url('/images/phosphorIcons/lock-simple-open.svg');

}
.context-menu-icon-lock-simple {
    background-image: url('/images/phosphorIcons/lock-simple.svg');

}
.context-menu-icon-operations {
    background-image: url('/images/idcapture/skin-idcapture-1/operations.png');

}
.context-menu-icon-editV1 {
    background-image: url('/images/flaticons/edit.svg');

}

.context-menu-icon-new-campaign {
    background-image: url('/images/metroIcons/box-add-circled.svg');
    background-repeat: no-repeat;
}

.context-menu-icon-open {
    background-image: url('/images/metroIcons/badge_green_lock.svg');
    background-repeat: no-repeat;
}

.context-menu-icon-close {
    background-image: url('/images/metroIcons/badge_red_lock.svg');
    background-repeat: no-repeat;
}

.context-menu-icon-frozen {
    background-image: url('/images/metroIcons/badge_blue_lock.svg');
    background-repeat: no-repeat;
}

.context-menu-icon-operationTags {
    background-image: url('/images/flaticons/tags.svg');
    background-repeat: no-repeat;
}

.context-menu-icon-directionIcon {
    background-image: url('/images/flaticons/directional-sign11.svg');
    background-repeat: no-repeat;
}

.context-menu-icon-plus {
    background-image: url('/images/metroIcons/plus-circled.svg');
    background-repeat: no-repeat;
}

.context-menu-icon-remove {
    background-image: url('/images/metroIcons/cross.svg');
    background-repeat: no-repeat;
}

.context-menu-icon-clip {
    background-image: url('/images/flaticons/clip26.svg');
}


.context-menu-icon-bell {
    background-image: url('/images/flaticons/bell70.svg');
}

.context-menu-icon-distribute {
    background-image: url(/images/metroIcons/distribute.svg);
}

.context-menu-icon-report {
    background-image: url(/images/phosphorIcons/printer.svg);
}

.context-menu-icon-pdf {
    background-image: url(/images/idcapture/common/file-pdf.png);
}

.context-menu-icon-excel {
    background-image: url(/images/idcapture/common/file-xls.png);
}

.context-menu-icon-order {
    background-image: url(/images/metroIcons/order.svg);
}

.context-menu-icon-flag {
    background-image: url(/images/idcapture/flag.svg);
}

.context-menu-icon-arrow-curve-left {
    background-image: url(/images/metroIcons/source/arrow-curve-left.svg);
}

.context-menu-icon-arrow-curve-right {
    background-image: url(/images/metroIcons/source/arrow-curve-right.svg);
}

.context-menu-icon-reserves {
    background-image: url(/images/phosphorIcons/map-pin-simple-area.svg);
}

.context-menu-icon-add:before {
    color: black;
}

.session-state-icon {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    background-size: 16px 16px;
    background-position: center center;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 4px;
}

.context-menu-icon{
     background-position: 4px;
     /* margin: 4px; */
     padding-top:4px;
     padding-bottom: 4px;
     background-repeat: no-repeat;
}
/**
 * @license
 * Copyright Google LLC All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
 */
.mdc-floating-label {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1rem;
  /* @alternate */
  font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  letter-spacing: 0.009375em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
          text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  position: absolute;
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  /* @noflip */
  /*rtl:ignore*/
  -webkit-transform-origin: left top;
  /* @noflip */
  /*rtl:ignore*/
  transform-origin: left top;
  line-height: 1.15rem;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: text;
  overflow: hidden;
  /* @alternate */
  will-change: transform;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
[dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  right: 0;
  /* @noflip */
  /*rtl:ignore*/
  left: auto;
  /* @noflip */
  /*rtl:ignore*/
  -webkit-transform-origin: right top;
  /* @noflip */
  /*rtl:ignore*/
  transform-origin: right top;
  /* @noflip */
  /*rtl:ignore*/
  text-align: right;
  /*rtl:end:ignore*/
}

.mdc-floating-label--float-above {
  cursor: auto;
}

.mdc-floating-label--required::after {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 1px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0px;
  content: "*";
}
[dir=rtl] .mdc-floating-label--required, .mdc-floating-label--required[dir=rtl] {
  /*rtl:begin:ignore*/
  /*rtl:end:ignore*/
}
[dir=rtl] .mdc-floating-label--required::after, .mdc-floating-label--required[dir=rtl]::after {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 1px;
}

.mdc-floating-label--float-above {
  -webkit-transform: translateY(-106%) scale(0.75);
          transform: translateY(-106%) scale(0.75);
}

.mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-standard 250ms 1;
          animation: mdc-floating-label-shake-float-above-standard 250ms 1;
}

@-webkit-keyframes mdc-floating-label-shake-float-above-standard {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  }
}

@keyframes mdc-floating-label-shake-float-above-standard {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  }
}
.mdc-line-ripple::before, .mdc-line-ripple::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom-style: solid;
  content: "";
}
.mdc-line-ripple::before {
  border-bottom-width: 1px;
}
.mdc-line-ripple::before {
  z-index: 1;
}
.mdc-line-ripple::after {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  border-bottom-width: 2px;
  opacity: 0;
  z-index: 2;
}
.mdc-line-ripple::after {
  transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-line-ripple--active::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  opacity: 1;
}

.mdc-line-ripple--deactivating::after {
  opacity: 0;
}

.mdc-notched-outline {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 100%;
  /* @noflip */
  /*rtl:ignore*/
  text-align: left;
  pointer-events: none;
}
[dir=rtl] .mdc-notched-outline, .mdc-notched-outline[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  text-align: right;
  /*rtl:end:ignore*/
}

.mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
  box-sizing: border-box;
  height: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  pointer-events: none;
}
.mdc-notched-outline__leading {
  /* @noflip */
  /*rtl:ignore*/
  border-left: 1px solid;
  /* @noflip */
  /*rtl:ignore*/
  border-right: none;
  width: 12px;
}
[dir=rtl] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  border-left: none;
  /* @noflip */
  /*rtl:ignore*/
  border-right: 1px solid;
  /*rtl:end:ignore*/
}

.mdc-notched-outline__trailing {
  /* @noflip */
  /*rtl:ignore*/
  border-left: none;
  /* @noflip */
  /*rtl:ignore*/
  border-right: 1px solid;
  flex-grow: 1;
}
[dir=rtl] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  border-left: 1px solid;
  /* @noflip */
  /*rtl:ignore*/
  border-right: none;
  /*rtl:end:ignore*/
}

.mdc-notched-outline__notch {
  flex: 0 0 auto;
  width: auto;
  max-width: calc(100% - 12px * 2);
}
.mdc-notched-outline .mdc-floating-label {
  display: inline-block;
  position: relative;
  max-width: 100%;
}
.mdc-notched-outline .mdc-floating-label--float-above {
  text-overflow: clip;
}
.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  max-width: 133.3333333333%;
}

.mdc-notched-outline--notched .mdc-notched-outline__notch {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 8px;
  border-top: none;
}
[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 8px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  /*rtl:end:ignore*/
}

.mdc-notched-outline--no-label .mdc-notched-outline__notch {
  display: none;
}

@-webkit-keyframes mdc-ripple-fg-radius-in {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
            transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
            transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}

@keyframes mdc-ripple-fg-radius-in {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
            transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
            transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}
@-webkit-keyframes mdc-ripple-fg-opacity-in {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@keyframes mdc-ripple-fg-opacity-in {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@-webkit-keyframes mdc-ripple-fg-opacity-out {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
@keyframes mdc-ripple-fg-opacity-out {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
.mdc-text-field--filled {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  will-change: transform, opacity;
}
.mdc-text-field--filled .mdc-text-field__ripple::before,
.mdc-text-field--filled .mdc-text-field__ripple::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-text-field--filled .mdc-text-field__ripple::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 1);
}
.mdc-text-field--filled .mdc-text-field__ripple::after {
  z-index: 0;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 0);
}
.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::before {
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
          transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after {
  top: 0;
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.mdc-text-field--filled.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  /*rtl:ignore*/
  left: var(--mdc-ripple-left, 0);
}
.mdc-text-field--filled.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple::after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
          animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-text-field--filled.mdc-ripple-upgraded--foreground-deactivation .mdc-text-field__ripple::after {
  -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
          animation: mdc-ripple-fg-opacity-out 150ms;
  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
          transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-text-field--filled .mdc-text-field__ripple::before,
.mdc-text-field--filled .mdc-text-field__ripple::after {
  top: calc(50% - 100%);
  /* @noflip */
  /*rtl:ignore*/
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}

.mdc-text-field__ripple {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.mdc-text-field {
  border-top-left-radius: 4px;
  /* @alternate */
  border-top-left-radius: var(--mdc-shape-small, 4px);
  border-top-right-radius: 4px;
  /* @alternate */
  border-top-right-radius: var(--mdc-shape-small, 4px);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  display: inline-flex;
  align-items: baseline;
  padding: 0 16px;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  /* @alternate */
  will-change: opacity, transform, color;
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
  color: rgba(0, 0, 0, 0.87);
}
@media all {
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.54);
  }
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.54);
  }
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.54);
  }
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
    color: rgba(0, 0, 0, 0.54);
  }
}
@media all {
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.54);
  }
}
.mdc-text-field .mdc-text-field__input {
  caret-color: #6200ee;
  /* @alternate */
  caret-color: var(--mdc-theme-primary, #6200ee);
}
.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-helper-text {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,
.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-character-counter {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading {
  color: rgba(0, 0, 0, 0.54);
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
  color: rgba(0, 0, 0, 0.54);
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-text-field .mdc-floating-label {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}

.mdc-text-field__input {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1rem;
  /* @alternate */
  font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  letter-spacing: 0.009375em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
          text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  height: 28px;
  transition: opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  min-width: 0;
  border: none;
  border-radius: 0;
  background: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
}
.mdc-text-field__input::-ms-clear {
  display: none;
}
.mdc-text-field__input::-webkit-calendar-picker-indicator {
  display: none;
}
.mdc-text-field__input:focus {
  outline: none;
}
.mdc-text-field__input:invalid {
  box-shadow: none;
}
@media all {
  .mdc-text-field__input::-webkit-input-placeholder {
    transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
  }
  .mdc-text-field__input:-ms-input-placeholder {
    transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
  }
  .mdc-text-field__input::-ms-input-placeholder {
    transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
  }
  .mdc-text-field__input::placeholder {
    transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
  }
}
@media all {
  .mdc-text-field__input:-ms-input-placeholder {
    transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
  }
}
@media all {
  .mdc-text-field--no-label .mdc-text-field__input::-webkit-input-placeholder, .mdc-text-field--focused .mdc-text-field__input::-webkit-input-placeholder {
    transition-delay: 40ms;
    transition-duration: 110ms;
    opacity: 1;
  }
  .mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder {
    transition-delay: 40ms;
    transition-duration: 110ms;
    opacity: 1;
  }
  .mdc-text-field--no-label .mdc-text-field__input::-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input::-ms-input-placeholder {
    transition-delay: 40ms;
    transition-duration: 110ms;
    opacity: 1;
  }
  .mdc-text-field--no-label .mdc-text-field__input::placeholder, .mdc-text-field--focused .mdc-text-field__input::placeholder {
    transition-delay: 40ms;
    transition-duration: 110ms;
    opacity: 1;
  }
}
@media all {
  .mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder {
    transition-delay: 40ms;
    transition-duration: 110ms;
    opacity: 1;
  }
}

.mdc-text-field__affix {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1rem;
  /* @alternate */
  font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  letter-spacing: 0.009375em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
          text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  height: 28px;
  transition: opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  white-space: nowrap;
}
.mdc-text-field--label-floating .mdc-text-field__affix, .mdc-text-field--no-label .mdc-text-field__affix {
  opacity: 1;
}
@supports (-webkit-hyphens: none) {
  .mdc-text-field--outlined .mdc-text-field__affix {
    align-items: center;
    align-self: center;
    display: inline-flex;
    height: 100%;
  }
}

.mdc-text-field__affix--prefix {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 2px;
}
[dir=rtl] .mdc-text-field__affix--prefix, .mdc-text-field__affix--prefix[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 2px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  /*rtl:end:ignore*/
}

.mdc-text-field--end-aligned .mdc-text-field__affix--prefix {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 12px;
}
[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix, .mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 12px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  /*rtl:end:ignore*/
}

.mdc-text-field__affix--suffix {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 12px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
}
[dir=rtl] .mdc-text-field__affix--suffix, .mdc-text-field__affix--suffix[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 12px;
  /*rtl:end:ignore*/
}

.mdc-text-field--end-aligned .mdc-text-field__affix--suffix {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 2px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
}
[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix, .mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 2px;
  /*rtl:end:ignore*/
}

.mdc-text-field--filled {
  height: 56px;
}
.mdc-text-field--filled .mdc-text-field__ripple::before,
.mdc-text-field--filled .mdc-text-field__ripple::after {
  background-color: rgba(0, 0, 0, 0.87);
  /* @alternate */
  background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87));
}
.mdc-text-field--filled:hover .mdc-text-field__ripple::before, .mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple::before {
  opacity: 0.04;
  /* @alternate */
  opacity: var(--mdc-ripple-hover-opacity, 0.04);
}
.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before, .mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before {
  transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.12);
}
.mdc-text-field--filled::before {
  display: inline-block;
  width: 0;
  height: 40px;
  content: "";
  vertical-align: 0;
}
.mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: whitesmoke;
}
.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: rgba(0, 0, 0, 0.42);
}
.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.mdc-text-field--filled .mdc-line-ripple::after {
  border-bottom-color: #6200ee;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-primary, #6200ee);
}
.mdc-text-field--filled .mdc-floating-label {
  /* @noflip */
  /*rtl:ignore*/
  left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  right: initial;
}
[dir=rtl] .mdc-text-field--filled .mdc-floating-label, .mdc-text-field--filled .mdc-floating-label[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  left: initial;
  /* @noflip */
  /*rtl:ignore*/
  right: 16px;
  /*rtl:end:ignore*/
}

.mdc-text-field--filled .mdc-floating-label--float-above {
  -webkit-transform: translateY(-106%) scale(0.75);
          transform: translateY(-106%) scale(0.75);
}
.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input {
  height: 100%;
}
.mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label {
  display: none;
}
.mdc-text-field--filled.mdc-text-field--no-label::before {
  display: none;
}
@supports (-webkit-hyphens: none) {
  .mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix {
    align-items: center;
    align-self: center;
    display: inline-flex;
    height: 100%;
  }
}

.mdc-text-field--outlined {
  height: 56px;
  overflow: visible;
}
.mdc-text-field--outlined .mdc-floating-label--float-above {
  -webkit-transform: translateY(-37.25px) scale(1);
          transform: translateY(-37.25px) scale(1);
}
.mdc-text-field--outlined .mdc-floating-label--float-above {
  font-size: 0.75rem;
}
.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  -webkit-transform: translateY(-34.75px) scale(0.75);
          transform: translateY(-34.75px) scale(0.75);
}
.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}
.mdc-text-field--outlined .mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
          animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
}
@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  }
}
@keyframes mdc-floating-label-shake-float-above-text-field-outlined {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  }
}
.mdc-text-field--outlined .mdc-text-field__input {
  height: 100%;
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.38);
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.87);
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: #6200ee;
  /* @alternate */
  border-color: var(--mdc-theme-primary, #6200ee);
}
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  /* @noflip */
  /*rtl:ignore*/
  border-top-left-radius: 4px;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-top-left-radius: var(--mdc-shape-small, 4px);
  /* @noflip */
  /*rtl:ignore*/
  border-top-right-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-right-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-left-radius: 4px;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-left-radius: var(--mdc-shape-small, 4px);
}
[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  border-top-left-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-top-right-radius: 4px;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-top-right-radius: var(--mdc-shape-small, 4px);
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-right-radius: 4px;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-right-radius: var(--mdc-shape-small, 4px);
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-left-radius: 0;
  /*rtl:end:ignore*/
}

@supports (top: max(0%)) {
  .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    width: max(12px, var(--mdc-shape-small, 4px));
  }
}
@supports (top: max(0%)) {
  .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {
    max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);
  }
}
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  /* @noflip */
  /*rtl:ignore*/
  border-top-left-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-top-right-radius: 4px;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-top-right-radius: var(--mdc-shape-small, 4px);
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-right-radius: 4px;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-right-radius: var(--mdc-shape-small, 4px);
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-left-radius: 0;
}
[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  border-top-left-radius: 4px;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-top-left-radius: var(--mdc-shape-small, 4px);
  /* @noflip */
  /*rtl:ignore*/
  border-top-right-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-right-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-left-radius: 4px;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-left-radius: var(--mdc-shape-small, 4px);
  /*rtl:end:ignore*/
}

@supports (top: max(0%)) {
  .mdc-text-field--outlined {
    /* @noflip */
    /*rtl:ignore*/
    padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  }
}
@supports (top: max(0%)) {
  .mdc-text-field--outlined {
    /* @noflip */
    /*rtl:ignore*/
    padding-right: max(16px, var(--mdc-shape-small, 4px));
  }
}
@supports (top: max(0%)) {
  .mdc-text-field--outlined + .mdc-text-field-helper-line {
    /* @noflip */
    /*rtl:ignore*/
    padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  }
}
@supports (top: max(0%)) {
  .mdc-text-field--outlined + .mdc-text-field-helper-line {
    /* @noflip */
    /*rtl:ignore*/
    padding-right: max(16px, var(--mdc-shape-small, 4px));
  }
}
.mdc-text-field--outlined.mdc-text-field--with-leading-icon {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
}
@supports (top: max(0%)) {
  .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
    /* @noflip */
    /*rtl:ignore*/
    padding-right: max(16px, var(--mdc-shape-small, 4px));
  }
}
[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  /*rtl:end:ignore*/
}
@supports (top: max(0%)) {
  [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
    /* @noflip */
    /*rtl:ignore*/
    padding-left: max(16px, var(--mdc-shape-small, 4px));
  }
}

.mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
}
@supports (top: max(0%)) {
  .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
    /* @noflip */
    /*rtl:ignore*/
    padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  }
}
[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /*rtl:end:ignore*/
}
@supports (top: max(0%)) {
  [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
    /* @noflip */
    /*rtl:ignore*/
    padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  }
}

.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
}
.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
  padding-top: 1px;
}
.mdc-text-field--outlined .mdc-text-field__ripple::before,
.mdc-text-field--outlined .mdc-text-field__ripple::after {
  background-color: transparent;
  /* @alternate */
  background-color: var(--mdc-ripple-color, transparent);
}
.mdc-text-field--outlined .mdc-floating-label {
  /* @noflip */
  /*rtl:ignore*/
  left: 4px;
  /* @noflip */
  /*rtl:ignore*/
  right: initial;
}
[dir=rtl] .mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  left: initial;
  /* @noflip */
  /*rtl:ignore*/
  right: 4px;
  /*rtl:end:ignore*/
}

.mdc-text-field--outlined .mdc-text-field__input {
  display: flex;
  border: none !important;
  background-color: transparent;
}
.mdc-text-field--outlined .mdc-notched-outline {
  z-index: 1;
}

.mdc-text-field--textarea {
  flex-direction: column;
  align-items: center;
  width: auto;
  height: auto;
  padding: 0;
  transition: none;
}
.mdc-text-field--textarea .mdc-floating-label {
  top: 19px;
}
.mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above) {
  -webkit-transform: none;
          transform: none;
}
.mdc-text-field--textarea .mdc-text-field__input {
  flex-grow: 1;
  height: auto;
  min-height: 1.5rem;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  resize: none;
  padding: 0 16px;
  line-height: 1.5rem;
}
.mdc-text-field--textarea.mdc-text-field--filled::before {
  display: none;
}
.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above {
  -webkit-transform: translateY(-10.25px) scale(0.75);
          transform: translateY(-10.25px) scale(0.75);
}
.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-textarea-filled 250ms 1;
          animation: mdc-floating-label-shake-float-above-textarea-filled 250ms 1;
}
@-webkit-keyframes mdc-floating-label-shake-float-above-textarea-filled {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);
            transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);
            transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
  }
}
@keyframes mdc-floating-label-shake-float-above-textarea-filled {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);
            transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);
            transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
  }
}
.mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input {
  margin-top: 23px;
  margin-bottom: 9px;
}
.mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input {
  margin-top: 16px;
  margin-bottom: 16px;
}
.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
  padding-top: 0;
}
.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above {
  -webkit-transform: translateY(-27.25px) scale(1);
          transform: translateY(-27.25px) scale(1);
}
.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above {
  font-size: 0.75rem;
}
.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  -webkit-transform: translateY(-24.75px) scale(0.75);
          transform: translateY(-24.75px) scale(0.75);
}
.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}
.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-textarea-outlined 250ms 1;
          animation: mdc-floating-label-shake-float-above-textarea-outlined 250ms 1;
}
@-webkit-keyframes mdc-floating-label-shake-float-above-textarea-outlined {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
            transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
            transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  }
}
@keyframes mdc-floating-label-shake-float-above-textarea-outlined {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
            transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
            transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  }
}
.mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input {
  margin-top: 16px;
  margin-bottom: 16px;
}
.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label {
  top: 18px;
}
.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input {
  margin-bottom: 2px;
}
.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter {
  align-self: flex-end;
  padding: 0 16px;
}
.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::after {
  display: inline-block;
  width: 0;
  height: 16px;
  content: "";
  vertical-align: -16px;
}
.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::before {
  display: none;
}

.mdc-text-field__resizer {
  align-self: stretch;
  display: inline-flex;
  flex-direction: column;
  flex-grow: 1;
  max-height: 100%;
  max-width: 100%;
  min-height: 56px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  /* @alternate */
  min-width: -moz-available;
  /* @alternate */
  min-width: -webkit-fill-available;
  overflow: hidden;
  resize: both;
}
.mdc-text-field--filled .mdc-text-field__resizer {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input,
.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter {
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.mdc-text-field--outlined .mdc-text-field__resizer {
  /* @noflip */
  /*rtl:ignore*/
  -webkit-transform: translateX(-1px) translateY(-1px);
          transform: translateX(-1px) translateY(-1px);
}
[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer, .mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  -webkit-transform: translateX(1px) translateY(-1px);
          transform: translateX(1px) translateY(-1px);
  /*rtl:end:ignore*/
}

.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,
.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter {
  /* @noflip */
  /*rtl:ignore*/
  -webkit-transform: translateX(1px) translateY(1px);
          transform: translateX(1px) translateY(1px);
}
[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input, [dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter, .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl], .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  -webkit-transform: translateX(-1px) translateY(1px);
          transform: translateX(-1px) translateY(1px);
  /*rtl:end:ignore*/
}

.mdc-text-field--with-leading-icon {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 16px;
}
[dir=rtl] .mdc-text-field--with-leading-icon, .mdc-text-field--with-leading-icon[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  /*rtl:end:ignore*/
}

.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label {
  max-width: calc(100% - 48px);
  /* @noflip */
  /*rtl:ignore*/
  left: 48px;
  /* @noflip */
  /*rtl:ignore*/
  right: initial;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  left: initial;
  /* @noflip */
  /*rtl:ignore*/
  right: 48px;
  /*rtl:end:ignore*/
}

.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above {
  max-width: calc(100% / 0.75 - 64px / 0.75);
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
  /* @noflip */
  /*rtl:ignore*/
  left: 36px;
  /* @noflip */
  /*rtl:ignore*/
  right: initial;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  left: initial;
  /* @noflip */
  /*rtl:ignore*/
  right: 36px;
  /*rtl:end:ignore*/
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
  max-width: calc(100% - 60px);
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
  /* @noflip */
  /*rtl:ignore*/
  -webkit-transform: translateY(-37.25px) translateX(-32px) scale(1);
          transform: translateY(-37.25px) translateX(-32px) scale(1);
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  -webkit-transform: translateY(-37.25px) translateX(32px) scale(1);
          transform: translateY(-37.25px) translateX(32px) scale(1);
  /*rtl:end:ignore*/
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
  font-size: 0.75rem;
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  /* @noflip */
  /*rtl:ignore*/
  -webkit-transform: translateY(-34.75px) translateX(-32px) scale(0.75);
          transform: translateY(-34.75px) translateX(-32px) scale(0.75);
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  -webkit-transform: translateY(-34.75px) translateX(32px) scale(0.75);
          transform: translateY(-34.75px) translateX(32px) scale(0.75);
  /*rtl:end:ignore*/
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
          animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
}
@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  }
}
@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  }
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined, .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] {
  /*rtl:begin:ignore*/
  /*rtl:end:ignore*/
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
          animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  }
}

.mdc-text-field--with-trailing-icon {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
}
[dir=rtl] .mdc-text-field--with-trailing-icon, .mdc-text-field--with-trailing-icon[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
  max-width: calc(100% - 64px);
}
.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above {
  max-width: calc(100% / 0.75 - 64px / 0.75);
}
.mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
  max-width: calc(100% - 60px);
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
}
.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
  max-width: calc(100% - 96px);
}
.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above {
  max-width: calc(100% / 0.75 - 96px / 0.75);
}

.mdc-text-field-helper-line {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}
.mdc-text-field + .mdc-text-field-helper-line {
  padding-right: 16px;
  padding-left: 16px;
}

.mdc-form-field > .mdc-text-field + label {
  align-self: flex-start;
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: rgba(98, 0, 238, 0.87);
}
.mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--focused .mdc-notched-outline__trailing {
  border-width: 2px;
}
.mdc-text-field--focused + .mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {
  opacity: 1;
}
.mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
  padding-top: 2px;
}
.mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch {
  padding-top: 0;
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {
  border-bottom-color: #b00020;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  border-bottom-color: #b00020;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #b00020;
  /* @alternate */
  color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
  color: #b00020;
  /* @alternate */
  color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid .mdc-text-field__input {
  caret-color: #b00020;
  /* @alternate */
  caret-color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
  color: #b00020;
  /* @alternate */
  color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: #b00020;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
  opacity: 1;
}

.mdc-text-field--disabled {
  pointer-events: none;
}
.mdc-text-field--disabled .mdc-text-field__input {
  color: rgba(0, 0, 0, 0.38);
}
@media all {
  .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.38);
  }
  .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.38);
  }
  .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.38);
  }
  .mdc-text-field--disabled .mdc-text-field__input::placeholder {
    color: rgba(0, 0, 0, 0.38);
  }
}
@media all {
  .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.38);
  }
}
.mdc-text-field--disabled .mdc-floating-label {
  color: rgba(0, 0, 0, 0.38);
}
.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text {
  color: rgba(0, 0, 0, 0.38);
}
.mdc-text-field--disabled .mdc-text-field-character-counter,
.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter {
  color: rgba(0, 0, 0, 0.38);
}
.mdc-text-field--disabled .mdc-text-field__icon--leading {
  color: rgba(0, 0, 0, 0.3);
}
.mdc-text-field--disabled .mdc-text-field__icon--trailing {
  color: rgba(0, 0, 0, 0.3);
}
.mdc-text-field--disabled .mdc-text-field__affix--prefix {
  color: rgba(0, 0, 0, 0.38);
}
.mdc-text-field--disabled .mdc-text-field__affix--suffix {
  color: rgba(0, 0, 0, 0.38);
}
.mdc-text-field--disabled .mdc-line-ripple::before {
  border-bottom-color: rgba(0, 0, 0, 0.06);
}
.mdc-text-field--disabled .mdc-notched-outline__leading,
.mdc-text-field--disabled .mdc-notched-outline__notch,
.mdc-text-field--disabled .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.06);
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder {
    color: GrayText;
  }
  .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
    color: GrayText;
  }
  .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder {
    color: GrayText;
  }
  .mdc-text-field--disabled .mdc-text-field__input::placeholder {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-floating-label {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-text-field-character-counter,
.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-text-field__icon--leading {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-text-field__icon--trailing {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-text-field__affix--prefix {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-text-field__affix--suffix {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-line-ripple::before {
    border-bottom-color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-notched-outline__leading,
.mdc-text-field--disabled .mdc-notched-outline__notch,
.mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: GrayText;
  }
}
@media screen and (forced-colors: active) {
  .mdc-text-field--disabled .mdc-text-field__input {
    background-color: Window;
  }
  .mdc-text-field--disabled .mdc-floating-label {
    z-index: 1;
  }
}
.mdc-text-field--disabled .mdc-floating-label {
  cursor: default;
}
.mdc-text-field--disabled.mdc-text-field--filled {
  background-color: #fafafa;
}
.mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple {
  display: none;
}
.mdc-text-field--disabled .mdc-text-field__input {
  pointer-events: auto;
}

.mdc-text-field--end-aligned .mdc-text-field__input {
  /* @noflip */
  /*rtl:ignore*/
  text-align: right;
}
[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  text-align: left;
  /*rtl:end:ignore*/
}

[dir=rtl] .mdc-text-field--ltr-text, .mdc-text-field--ltr-text[dir=rtl] {
  /*rtl:begin:ignore*/
  /*rtl:end:ignore*/
}
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix {
  /* @noflip */
  /*rtl:ignore*/
  direction: ltr;
}
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 2px;
}
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 12px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
}
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading {
  order: 1;
}
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix {
  order: 2;
}
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input {
  order: 3;
}
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix {
  order: 4;
}
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing {
  order: 5;
}

[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] {
  /*rtl:begin:ignore*/
  /*rtl:end:ignore*/
}
[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input {
  /* @noflip */
  /*rtl:ignore*/
  text-align: right;
}
[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix {
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 12px;
}
[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 2px;
}

.mdc-text-field-helper-text {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.75rem;
  /* @alternate */
  font-size: var(--mdc-typography-caption-font-size, 0.75rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-caption-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-caption-font-weight, 400);
  letter-spacing: 0.0333333333em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
          text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-caption-text-transform, inherit);
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin: 0;
  opacity: 0;
  will-change: opacity;
  transition: opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}
.mdc-text-field-helper-text::before {
  display: inline-block;
  width: 0;
  height: 16px;
  content: "";
  vertical-align: 0;
}

.mdc-text-field-helper-text--persistent {
  transition: none;
  opacity: 1;
  will-change: initial;
}

.mdc-text-field-character-counter {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.75rem;
  /* @alternate */
  font-size: var(--mdc-typography-caption-font-size, 0.75rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-caption-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-caption-font-weight, 400);
  letter-spacing: 0.0333333333em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
          text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-caption-text-transform, inherit);
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  /* @noflip */
  /*rtl:ignore*/
  margin-left: auto;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  white-space: nowrap;
}
.mdc-text-field-character-counter::before {
  display: inline-block;
  width: 0;
  height: 16px;
  content: "";
  vertical-align: 0;
}
[dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: auto;
  /*rtl:end:ignore*/
}

[dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-text-field__icon {
  align-self: center;
  cursor: pointer;
}
.mdc-text-field__icon:not([tabindex]), .mdc-text-field__icon[tabindex="-1"] {
  cursor: default;
  pointer-events: none;
}
.mdc-text-field__icon svg {
  display: block;
}

.mdc-text-field__icon--leading {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 8px;
}
[dir=rtl] .mdc-text-field__icon--leading, .mdc-text-field__icon--leading[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 8px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-text-field__icon--trailing {
  padding: 12px;
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0px;
}
[dir=rtl] .mdc-text-field__icon--trailing, .mdc-text-field__icon--trailing[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0px;
  /*rtl:end:ignore*/
}

/*# sourceMappingURL=mdc.textfield.css.map*/.mdc-text-field--outlined {
    width: 100%;
    height: 45px;
    margin: 0px;
}

.mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--focused .mdc-notched-outline__trailing,
.mdc-text-field--focused .mdc-notched-outline__notch {
    border-color: #316e77 !important;
}

.mdc-text-field--outlined .mdc-floating-label--float-above {
    transform: translateY(-28px) scale(0.75) !important;
}

.mdc-text-field--focused .mdc-floating-label {
    color: #316e77 !important;
    overflow: visible;
}

.mdc-text-field__input {
    caret-color: #316e77 !important;
}


.mdc-line-ripple--active::after {
    border-color: #316e77 !important;
}

label.idc-material.mdc-text-field {
    position: relative;
}

label .mdc-password-icon {
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 20px;
}

label .mdc-password-icon .mdc-eye {
    background-image: url('/images/metroIcons/eye.svg');
    width: 20px;
    height: 20px;
    display: none;
}

label .mdc-password-icon .mdc-eye-off {
    background-image: url('/images/metroIcons/eye-off.svg');
    width: 20px;
    height: 20px;
}

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