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

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-ms-filter:"alpha(opacity=0)"}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;-ms-filter:"alpha(opacity=25)";opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:pointer;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;-ms-filter:"alpha(opacity=70)";font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:"alpha(opacity=35)";background-image:none}.ui-state-disabled .ui-icon{-ms-filter:"alpha(opacity=35)"}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;-ms-filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}

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

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

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

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

/* -- /lib/select2/select2.css -- */
/*
Version: 3.5.2 Timestamp: Sat Nov  1 14:43:36 EDT 2014
*/
.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    /* inline-block for ie7 */
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
     -moz-box-sizing: border-box; /* firefox */
          box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;

    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;

    border-radius: 4px;

    background-clip: padding-box;

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

    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(to top, #eee 0%, #fff 50%);
}

html[dir="rtl"] .select2-container .select2-choice {
    padding: 0 8px 0 0;
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;

    border-radius: 0 0 4px 4px;

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;
    float: none;
    width: auto;
}

html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
    margin-left: 26px;
    margin-right: 0;
}

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;

    font-size: 1px;
    text-decoration: none;

    border: 0;
    background: url('/appway/lib/select2/select2.png') right top no-repeat;
    cursor: pointer;
    outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block;
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer;
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    /* styles required for IE to work */
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;

    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;

    border-radius: 0 0 4px 4px;

    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;

    border-radius: 4px 4px 0 0;

    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-active {
    border: 1px solid #35A7E5;
    border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #35A7E5;
}

.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto;
}

.select2-drop-auto-width .select2-search {
    padding-top: 4px;
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;

    border-left: 1px solid #aaa;
    border-radius: 0 4px 4px 0;

    background-clip: padding-box;

    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
    background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
    left: 0;
    right: auto;

    border-left: none;
    border-right: 1px solid #aaa;
    border-radius: 4px 0 0 4px;
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('/appway/lib/select2/select2.png') no-repeat 0 1px;
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
    background-position: 2px 1px;
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;

    position: relative;
    z-index: 10000;

    white-space: nowrap;
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;

    outline: 0;
    font-family: sans-serif;
    font-size: 1em;

    border: 1px solid #aaa;
    border-radius: 0;

    -webkit-box-shadow: none;
            box-shadow: none;

    background: #fff url('/appway/lib/select2/select2.png') no-repeat 100% -22px;
    background: url('/appway/lib/select2/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('/appway/lib/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('/appway/lib/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('/appway/lib/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

html[dir="rtl"] .select2-search input {
    padding: 4px 5px 4px 20px;

    background: #fff url('/appway/lib/select2/select2.png') no-repeat -37px -22px;
    background: url('/appway/lib/select2/select2.png') no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('/appway/lib/select2/select2.png') no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('/appway/lib/select2/select2.png') no-repeat -37px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('/appway/lib/select2/select2.png') no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}

.select2-search input.select2-active {
    background: #fff url('/appway/lib/select2/select2-spinner.gif') no-repeat 100%;
    background: url('/appway/lib/select2/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('/appway/lib/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('/appway/lib/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('/appway/lib/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #35A7E5;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
            box-shadow: 0 1px 0 #fff inset;

    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(to top, #fff 0%, #eee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #35A7E5;
    border-top-color: transparent;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
    border-right: none;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px;
}

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -16px 1px;
}

.select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* results */
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html[dir="rtl"] .select2-results {
    padding: 0 4px 0 0;
    margin: 4px 0 4px 4px;
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0;
}

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: bold;
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;

    min-height: 1em;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}

.select2-results-dept-1 .select2-result-label { padding-left: 20px }
.select2-results-dept-2 .select2-result-label { padding-left: 40px }
.select2-results-dept-3 .select2-result-label { padding-left: 60px }
.select2-results-dept-4 .select2-result-label { padding-left: 80px }
.select2-results-dept-5 .select2-result-label { padding-left: 100px }
.select2-results-dept-6 .select2-result-label { padding-left: 110px }
.select2-results-dept-7 .select2-result-label { padding-left: 120px }

.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff;
}

.select2-results li em {
    background: #feffde;
    font-style: normal;
}

.select2-results .select2-highlighted em {
    background: transparent;
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
    padding-left: 5px;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
    display: none;
}

.select2-more-results.select2-active {
    background: #f4f4f4 url('/appway/lib/select2/select2-spinner.gif') no-repeat 100%;
}

.select2-results .select2-ajax-error {
    background: rgba(255, 50, 50, .2);
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none;
}


/* multiselect */

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0 5px 0 0;
    position: relative;

    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;

    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}

html[dir="rtl"] .select2-container-multi .select2-choices {
    padding: 0 0 0 5px;
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #35A7E5;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices li
{
    float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;

    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url('/appway/lib/select2/select2-spinner.gif') no-repeat 100% !important;
}

.select2-default {
    color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;

    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaaaaa;

    border-radius: 3px;

    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);

    background-clip: padding-box;

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

    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
{
    margin: 3px 5px 3px 0;
    padding: 3px 18px 3px 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4;
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;

    font-size: 1px;
    outline: none;
    background: url('/appway/lib/select2/select2.png') right top no-repeat;
}
html[dir="rtl"] .select2-search-choice-close {
    right: auto;
    left: 3px;
}

.select2-container-multi .select2-search-choice-close {
    left: 3px;
}

html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
    left: auto;
    right: 2px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
    background: none;
}
/* end multiselect */


.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}

.select2-display-none {
    display: none;
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}

/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
    .select2-search input,
    .select2-search-choice-close,
    .select2-container .select2-choice abbr,
    .select2-container .select2-choice .select2-arrow b {
        background-image: url('/appway/lib/select2/select2x2.png') !important;
        background-repeat: no-repeat !important;
        background-size: 60px 40px !important;
    }

    .select2-search input {
        background-position: 100% -21px !important;
    }
}

/* -- /aw/workspace/collaboration/user/styled/UserProfiles.css -- */
.awUserProfiles_userAvatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
}

.awUserProfiles_userAvatar--icon {
  background-color: rgba(0, 0, 0, 0.4);
  color: #FFFFFF;
}

.awUserProfiles_userAvatar > img {
  width: 100%;
  height: 100%;
}

.awUserProfiles_userAvatar--icon > svg {
  width: 70%;
  height: 70%;
  fill: currentColor;
}

/* -- /aw/workspace/collaboration/annotation/Text.css -- */
.awAnnotatedText_label,
.awAnnotatedText_link,
.awAnnotatedText_link > .awLabel {
  display: inline !important;
}

/* -- /aw/workspace/components/button/css/main.css -- */
/***************************
BUTTON
***************************/
.awButton {
  box-sizing: border-box;
  outline: none;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-shrink: 0;
  align-items: center;
}

.awButton > .awIcon {
  flex-shrink: 0;
  flex-grow: 0;
}

.awButton_descriptive_container {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.awButton_descriptive_container > .awIcon,
.awButton_descriptive_container > .awLabel {
  vertical-align: middle;
}

.awButton {
  border-width: 0;
}

/* -- /aw/workspace/components/link/css/main.css -- */
/***************************
LINK
Style applied to each Link, no matter which styleBO is applied
***************************/
.awLink {
  box-sizing: border-box;
  display: inline-block;
}

.awLink:focus {
  outline: none;
}

.awLink > .awLabel {
  width: 100%;
}

/** LINK WITH ICON **/
.awLink--hasIcon {
  display: inline-flex;
  align-items: center;
}

.awLink--hasIcon > .awIcon {
  flex-shrink: 0;
}

.awLink--hasIcon > .awLabel {
  flex-grow: 1;
}

/* -- /aw/workspace/components/grid/css/Grid.css -- */
.awLayout > .Grid {
  width: 100%;
}

/* -- /aw/workspace/components/infobox/css/main.css -- */
/***************************
INFOBOX
Style applied to Infobox, no matter which styleBO is selected
***************************/
.awInfobox {
  box-sizing: border-box;
  position: relative;
}

.awInfobox_infotipTrigger {
  cursor: pointer;
  order: 2;
}

.awInfobox_infotipTrigger,
.awInfobox_mandatory {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

img.awInfobox_mandatory {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.awInfobox_mandatory svg,
.awInfobox_infotipTrigger svg {
  width: 100%;
  height: 100%;
}

.awInfobox_headerContent {
  display: flex;
  align-items: center;
}

.awInfobox .awDisplayComponent,
.awInfobox .aw_display_component {
  margin-left: 0;
  margin-right: 0;
}

/* -- /aw/workspace/components/layout/css/main.css -- */
/***************************
LAYOUT CONTAINER
***************************/
/** Align items **/
.awLayout_alignments--rowTop,
.awLayout_alignments--columnLeft {
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -align-content: flex-start;
  align-content: flex-start;
}

.awLayout_alignments--rowEnd,
.awLayout_alignments--columnRight {
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -align-content: flex-end;
  align-content: flex-end;
}

.awLayout_alignments--rowMiddle,
.awLayout_alignments--columnCenter {
  -webkit-align-items: center;
  align-items: center;
  -align-content: center;
  align-content: center;
}

.awLayout_alignments--rowBaseline {
  -webkit-align-items: baseline;
  align-items: baseline;
  -align-content: baseline;
  align-content: baseline;
}

/** Justify Content **/
.awLayout_alignments--rowCenter,
.awLayout_alignments--columnMiddle {
  -webkit-justify-content: center;
  justify-content: center;
}

.awLayout_alignments--rowRight,
.awLayout_alignments--columnBottom {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.awLayout_alignments--rowSpaceBetween,
.awLayout_alignments--columnSpaceBetween {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.awLayout_alignments--rowSpaceAround,
.awLayout_alignments--columnSpaceAround {
  -webkit-justify-content: space-around;
  justify-content: space-around;
}

/** Behaviour **/
.awLayout--directionColumn {
  -webkit-flex-direction: column;
  flex-direction: column;
}

.awLayout--wrap {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.awLayout--grow {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.awLayout {
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
  position: relative;
}

.awLayout--inline {
  display: -webkit-inline-flex;
  display: inline-flex;
}

.awLayout_ie11MinimumSizes {
  min-width: 0.1px;
  min-height: 0.1px;
}

.awLayout--directionColumn > * {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.awLayout_alignments--rowCenter > .awLayout_spacer--left,
.awLayout_alignments--rowRight > .awLayout_spacer--left {
  margin-left: auto;
}

.awLayout_alignments--rowCenter > .awLayout_spacer--right {
  margin-right: auto;
}

.awLayout--noWrapFix {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.awLayout--noWrap > img {
  flex-shrink: 0;
}

/* -- /aw/workspace/components/label/css/main.css -- */
/***************************
LABEL (corresponds to component Label.java, display name Text)
Style applied to Text, no matter which styleBO is selected
***************************/
span.awLabel {
  box-sizing: border-box;
  display: inline-block;
}

.awLabel {
  margin: 0;
  padding: 0;
}

/* -- /aw/workspace/components/fileupload/css/main.css -- */
/***************************
FILE UPLOAD
***************************/
.awFileUpload_content {
  display: flex;
  align-items: center;
}

.awFileUpload_fileInput {
  display: none;
}

/* -- /aw/workspace/components/textfield/css/main.css -- */
/***************************
TEXTFIELD
Style applied to TextField, no matter which styleBO is selected
***************************/
.awTextInput_input,
.awTextInput_input:focus,
.awTextInput_input:active,
.awTextInput_input:hover, .awTextInput_span {
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  text-decoration: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
}

.awTextInput {
  box-sizing: border-box;
  outline: none;
  display: -webkit-flex;
  display: flex;
}

.awTextInput > .awTextInput_span {
  display: none;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
}

.awTextInput > .awTextInput_input {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  width: 0;
}

.awTextInput > .awTextInput_icons {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  font-size: inherit;
}

.awTextInput_icons > .awIcon {
  display: -webkit-inline-flex;
  display: inline-flex;
}

.awTextInput_icons > .awIcon svg {
  width: 1em;
  height: 1em;
}

.awTextInput_clearIcon--hidden svg,
.awTextInput_clearIcon--hidden img.awIcon {
  display: none;
}

.awTextInput_input,
.awTextInput_input:focus,
.awTextInput_input:active,
.awTextInput_input:hover {
  outline: none;
  border: none;
  margin: 0;
  padding: 0;
  background: transparent;
}

/** STATES **/
.awTextInput--readOnly .awTextInput_icons,
.awTextInput--readOnly .awTextInput_input {
  display: none;
}

.awTextInput--readOnly .awTextInput_span {
  display: inline;
}

.awTextInput--disabled .awTextInput_icons > .awInteractiveElement {
  cursor: default;
}

.awTextInput_input::-ms-clear {
  display: none;
}

.awTextInput_input::-ms-reveal {
  display: none;
}

.awTextInput_input::-webkit-input-placeholder {
  color: rgba(177,175,179,1);
}

.awTextInput_input::-moz-placeholder {
  color: rgba(177,175,179,1);
}

/* IE 11 */
.awTextInput_input:-ms-input-placeholder {
  color: rgba(177,175,179,1) !important;
}

/* Edge */
.awTextInput_input::-ms-input-placeholder {
  color: rgba(177,175,179,1);
}

/* CSS Working Draft */
.awTextInput_input::placeholder {
  color: rgba(177,175,179,1);
}

.state_preview_canvas > .awTextInput,
.variation_preview_canvas > .awTextInput {
  min-width: 150px;
}

.awTextInput_input--notEditable {
  pointer-events: none;
}

.awTextInput_input--notEditable::selection {
  background-color: transparent;
}

.awTextField {
  /**
   * !!! Important !!!
   * Whenever changing rules for this class, do the same changes also to .awPasswordField
   * that is now in the ComponentExtension.
   * Once the TextField will be moved in the ComponentExtension this dependency can be
   * handled via scss using @extend .awTextField
   */
  box-sizing: border-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-width: 150px;
}

.awLayout--directionColumn > .awTextField {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.awTextField_textInput {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  min-height: inherit;
  height: inherit;
}

/* -- /aw/workspace/components/radiobutton/css/main.css -- */
/***************************
RADIOBUTTON
Style applied to Radiobutton, no matter which styleBO is selected
***************************/
.awRadiobutton {
  box-sizing: border-box;
  display: inline-block;
  cursor: default;
}

.awRadiobutton {
  display: flex;
  flex-direction: column;
}

.awRadiobutton .awRadiobutton_option {
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
}

.awRadiobutton > .awRadiobutton_option > .awRadioInput {
  flex-shrink: 0;
  font-size: initial;
}

.awRadiobutton_preview {
  max-width: 316px;
}

.awRadioInput {
  box-sizing: border-box;
  margin: 0;
  outline: 1px solid transparent;
  font-size: initial;
}

/* -- /aw/workspace/components/checkbox/css/main.css -- */
/***************************
CHECKBOX
Style applied to Checkbox, no matter which styleBO is selected
***************************/
.awCheckbox {
  box-sizing: border-box;
  display: inline-block;
  cursor: default;
}

.awCheckbox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.awCheckbox .awCheckbox_option {
  display: flex;
  align-items: center;
  flex-direction: row;
  max-width: 100%;
}

.awCheckbox > .awCheckbox_option > .awCheckboxInput {
  flex-shrink: 0;
  font-size: initial;
}

.awCheckbox_preview {
  max-width: 316px;
}

.awCheckboxInput {
  box-sizing: border-box;
  margin: 0;
  outline: 1px solid transparent;
}

/* -- /aw/workspace/components/errorbox/css/main.css -- */
/***************************
ERROR BOX
***************************/
.awErrorBox {
  box-sizing: border-box;
}

.awErrorBox--noMessage .awLabel {
  display: none;
}

.state_preview_canvas > .awErrorBox {
  min-width: 150px;
}

/* -- /aw/workspace/components/validationgroup/css/main.css -- */
/***************************
VALIDATION GROUP
Style applied to ValidationGroup, no matter which styleBO is selected
***************************/
.awValidationGroup {
  box-sizing: border-box;
  outline: none;
}

/* -- /aw/workspace/components/textarea/css/main.css -- */
/***************************
TEXTAREA
Style applied to TextArea, no matter which styleBO is selected
***************************/
.awTextAreaField,
.awTextArea_readOnlyLabel {
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  text-decoration: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
}

.awTextArea {
  box-sizing: border-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-width: 250px;
}

.awLayout--directionColumn > .awTextArea {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.awTextAreaField,
.awTextArea_readOnlyLabel {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
}

.awTextAreaField {
  max-width: 100%;
  max-height: 100%;
  outline: none;
}

.awTextArea_readOnlyLabel {
  display: none;
}

.awTextAreaField::-webkit-input-placeholder {
  color: rgba(177,175,179,1);
}

.awTextAreaField::-moz-placeholder {
  color: rgba(177,175,179,1);
}

/* IE 11 */
.awTextAreaField:-ms-input-placeholder {
  color: rgba(177,175,179,1) !important;
}

/* Edge */
.awTextAreaField::-ms-input-placeholder {
  color: rgba(177,175,179,1);
}

/* CSS Working Draft */
.awTextAreaField::placeholder {
  color: rgba(177,175,179,1);
}

.awTextAreaField--notResizable {
  resize: none;
}

/** STATES **/
.awTextArea--readOnly > .awTextAreaField {
  display: none;
}

.awTextArea--readOnly > .awTextArea_readOnlyLabel {
  display: inline-block;
}

/* -- /aw/workspace/components/listcomponent/css/main.css -- */
/***************************
LIST
***************************/
.awListComponentContainer {
  counter-reset: li;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.awListComponentItem {
  counter-increment: li;
  display: flex;
  flex-direction: row;
}

.awListComponentItem::before {
  display: inline-flex;
  flex-shrink: 0;
  min-width: 2ch;
}

.awListComponentItem--unordered::before {
  content: "▪";
  text-align: center;
}

.awListComponentItem--ordered::before {
  content: "." counter(li);
  direction: rtl;
  text-align: right;
}

/*
Create a rule-set for 3 different ordered list size classes (>= 1 item, >= 10 items, >= 100 items)
in order to declare a proper min-width for the pseudo-element containing the list item indicator.
The min-width value is expressed in ch (1ch = width of a '0').
*/
.awListComponentContainer--ordered .awListComponentItem:nth-last-child(n+1):first-child::before,
.awListComponentContainer--ordered .awListComponentItem:nth-last-child(n+1):first-child ~ .awListComponentItem::before {
  min-width: 2ch;
}

.awListComponentContainer--ordered .awListComponentItem:nth-last-child(n+10):first-child::before,
.awListComponentContainer--ordered .awListComponentItem:nth-last-child(n+10):first-child ~ .awListComponentItem::before {
  min-width: 3ch;
}

.awListComponentContainer--ordered .awListComponentItem:nth-last-child(n+100):first-child::before,
.awListComponentContainer--ordered .awListComponentItem:nth-last-child(n+100):first-child ~ .awListComponentItem::before {
  min-width: 4ch;
}

/*
Display type is inline-flex in order to compute the baseline appropriately.
The element aligns on the baseline of the parent flex container.
The width is 100% to avoid setting up a IE11 specific workaround for flex width issues.
*/
.awListComponentItem_content {
  align-self: baseline;
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}

/* -- /aw/workspace/components/linkcontainer/css/main.css -- */
/***************************
LINK CONTAINER
Style applied to each LinkContainer, no matter which styleBO is applied
***************************/
.awLinkContainer:focus {
  outline: none;
}

/* -- /css/workspace/workspace.css -- */
/* Default Text Style ------------------------------------------------------- */
body, td, th, span, div, a, input, select, option, textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}

/* Default Page Background -------------------------------------------------- */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  border: none;
}

html {
  font-size: 1px;
}

body {
  background-color: white;
}

form {
  margin: 0;
}

/* -- /css/workspace/workspace-adminmode.css -- */
.AdminModeScreenBorder {
	border: 2px solid black;
}

.AdminModeScreenHeader {
	background-color: black;
	padding: 1px;
	color: white;
	font-size: 9px;
	white-space: nowrap;
	text-align: left;
	cursor: pointer;
}

.AdminModeScreenBody {
	padding: 2px;
}

.AdminModeIncludeBorder {
	border: 2px solid #0099FF;
}

.AdminModeIncludeHeader {
	background-color: #0099FF;
	padding: 1px;
	color: white;
	font-size: 9px;
	white-space: nowrap;
	text-align: left;
	cursor: pointer;
}

.AdminModeIncludeBody {
	padding: 2px;
}

.AdminModeTemplateBorder {
	border: 2px solid #339933;
}

.AdminModeTemplateHeader {
	background-color: #339933;
	padding: 1px;
	color: white;
	font-size: 9px;
	white-space: nowrap;
	text-align: left;
	cursor: pointer;
}

.AdminModeTemplateBody {
	padding: 2px;
}

.AdminModePlaceholderBorder {
	border: 2px solid #006600;
}

.AdminModePlaceholderHeader {
	background-color: #006600;
	padding: 1px;
	color: white;
	font-size: 9px;
	white-space: nowrap;
	text-align: left;
	cursor: pointer;
}

.AdminModePlaceholderBody {
	padding: 2px;
}

.AdminModeEditorLink {
	color: white;
	font-size: 9px;
	white-space: nowrap;
	text-align: left;
	cursor: pointer;
}

/* -- /css/fonts/source-sans-pro/source-sans-pro.css -- */
@font-face{
    font-family: 'Source Sans Pro';
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
    src: local('SourceSansPro-ExtraLight'),
         local('Source Sans Pro'),
         url('/appway/css/fonts/source-sans-pro/EOT/SourceSansPro-ExtraLight.eot') format('embedded-opentype'),
         url('/appway/css/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-ExtraLight.otf.woff') format('woff'),
         url('/appway/css/fonts/source-sans-pro/OTF/SourceSansPro-ExtraLight.otf') format('opentype'),
         url('/appway/css/fonts/source-sans-pro/TTF/SourceSansPro-ExtraLight.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Sans Pro';
    font-weight: 200;
    font-style: italic;
    font-stretch: normal;
    src: local('SourceSansPro-ExtraLightIt'),
         local('Source Sans Pro'),
         url('/appway/css/fonts/source-sans-pro/EOT/SourceSansPro-ExtraLightIt.eot') format('embedded-opentype'),
         url('/appway/css/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-ExtraLightIt.otf.woff') format('woff'),
         url('/appway/css/fonts/source-sans-pro/OTF/SourceSansPro-ExtraLightIt.otf') format('opentype'),
         url('/appway/css/fonts/source-sans-pro/TTF/SourceSansPro-ExtraLightIt.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Sans Pro';
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    src: local('SourceSansPro-Light'),
         local('Source Sans Pro'),
         url('/appway/css/fonts/source-sans-pro/EOT/SourceSansPro-Light.eot') format('embedded-opentype'),
         url('/appway/css/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Light.otf.woff') format('woff'),
         url('/appway/css/fonts/source-sans-pro/OTF/SourceSansPro-Light.otf') format('opentype'),
         url('/appway/css/fonts/source-sans-pro/TTF/SourceSansPro-Light.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Sans Pro';
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
    src: local('SourceSansPro-LightIt'),
         local('Source Sans Pro'),
         url('/appway/css/fonts/source-sans-pro/EOT/SourceSansPro-LightIt.eot') format('embedded-opentype'),
         url('/appway/css/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-LightIt.otf.woff') format('woff'),
         url('/appway/css/fonts/source-sans-pro/OTF/SourceSansPro-LightIt.otf') format('opentype'),
         url('/appway/css/fonts/source-sans-pro/TTF/SourceSansPro-LightIt.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Sans Pro';
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    src: local('SourceSansPro-Regular'),
         local('Source Sans Pro'),
         url('/appway/css/fonts/source-sans-pro/EOT/SourceSansPro-Regular.eot') format('embedded-opentype'),
         url('/appway/css/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Regular.otf.woff') format('woff'),
         url('/appway/css/fonts/source-sans-pro/OTF/SourceSansPro-Regular.otf') format('opentype'),
         url('/appway/css/fonts/source-sans-pro/TTF/SourceSansPro-Regular.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Sans Pro';
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    src: local('SourceSansPro-It'),
         local('Source Sans Pro'),
         url('/appway/css/fonts/source-sans-pro/EOT/SourceSansPro-It.eot') format('embedded-opentype'),
         url('/appway/css/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-It.otf.woff') format('woff'),
         url('/appway/css/fonts/source-sans-pro/OTF/SourceSansPro-It.otf') format('opentype'),
         url('/appway/css/fonts/source-sans-pro/TTF/SourceSansPro-It.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Sans Pro';
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    src: local('SourceSansPro-Semibold'),
         local('Source Sans Pro Semibold'),
         url('/appway/css/fonts/source-sans-pro/EOT/SourceSansPro-Semibold.eot') format('embedded-opentype'),
         url('/appway/css/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Semibold.otf.woff') format('woff'),
         url('/appway/css/fonts/source-sans-pro/OTF/SourceSansPro-Semibold.otf') format('opentype'),
         url('/appway/css/fonts/source-sans-pro/TTF/SourceSansPro-Semibold.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Sans Pro';
    font-weight: 600;
    font-style: italic;
    font-stretch: normal;
    src: local('SourceSansPro-SemiboldIt'),
         local('Source Sans Pro'),
         url('/appway/css/fonts/source-sans-pro/EOT/SourceSansPro-SemiboldIt.eot') format('embedded-opentype'),
         url('/appway/css/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-SemiboldIt.otf.woff') format('woff'),
         url('/appway/css/fonts/source-sans-pro/OTF/SourceSansPro-SemiboldIt.otf') format('opentype'),
         url('/appway/css/fonts/source-sans-pro/TTF/SourceSansPro-SemiboldIt.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Sans Pro';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    src: local('SourceSansPro-Bold'),
         local('Source Sans Pro Bold'),
         url('/appway/css/fonts/source-sans-pro/EOT/SourceSansPro-Bold.eot') format('embedded-opentype'),
         url('/appway/css/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Bold.otf.woff') format('woff'),
         url('/appway/css/fonts/source-sans-pro/OTF/SourceSansPro-Bold.otf') format('opentype'),
         url('/appway/css/fonts/source-sans-pro/TTF/SourceSansPro-Bold.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Sans Pro';
    font-weight: 700;
    font-style: italic;
    font-stretch: normal;
    src: local('SourceSansPro-BoldIt'),
         local('Source Sans Pro'),
         url('/appway/css/fonts/source-sans-pro/EOT/SourceSansPro-BoldIt.eot') format('embedded-opentype'),
         url('/appway/css/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-BoldIt.otf.woff') format('woff'),
         url('/appway/css/fonts/source-sans-pro/OTF/SourceSansPro-BoldIt.otf') format('opentype'),
         url('/appway/css/fonts/source-sans-pro/TTF/SourceSansPro-BoldIt.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Sans Pro';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    src: local('SourceSansPro-Black'),
         local('Source Sans Pro Black'),
         url('/appway/css/fonts/source-sans-pro/EOT/SourceSansPro-Black.eot') format('embedded-opentype'),
         url('/appway/css/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Black.otf.woff') format('woff'),
         url('/appway/css/fonts/source-sans-pro/OTF/SourceSansPro-Black.otf') format('opentype'),
         url('/appway/css/fonts/source-sans-pro/TTF/SourceSansPro-Black.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Sans Pro';
    font-weight: 900;
    font-style: italic;
    font-stretch: normal;
    src: local('SourceSansPro-BlackIt'),
         local('Source Sans Pro'),
         url('/appway/css/fonts/source-sans-pro/EOT/SourceSansPro-BlackIt.eot') format('embedded-opentype'),
         url('/appway/css/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-BlackIt.otf.woff') format('woff'),
         url('/appway/css/fonts/source-sans-pro/OTF/SourceSansPro-BlackIt.otf') format('opentype'),
         url('/appway/css/fonts/source-sans-pro/TTF/SourceSansPro-BlackIt.ttf') format('truetype');
}

/* -- /css/workspace/workspace-v3/workspace.css -- */
body, td, th, span, div, a, input, select, option, textarea, button {
  font-family: "Source Sans Pro", Helvetica, Verdana, Arial, sans-serif;
  font-weight: 400;
  color: #707070;
  text-decoration: none;
}

body {
  background-color: #F7F6F2;
  font-size: 14px;
}

td, th, span, div, a, input, select, option, textarea {
  font-size: inherit;
}

input[type=text]:not(.awTextInput_input),
input[type=password]:not(.awTextInput_input),
[contenteditable=true],
textarea:not(.awTextAreaField),
input.DatePicker,
input.ColorPicker,
select.Listbox,
select.DropdownList,
.select2-container.DropdownList .select2-choice,
.select2-container.DropdownList .select2-choices,
input[type=search]:not(.awTextInput_input),
input[type=email]:not(.awTextInput_input),
input[type=url]:not(.awTextInput_input),
input[type=tel]:not(.awTextInput_input),
input[type=number]:not(.awTextInput_input),
input[type=date]:not(.awTextInput_input),
input[type=month]:not(.awTextInput_input),
input[type=week]:not(.awTextInput_input),
input[type=time]:not(.awTextInput_input),
input[type=datetime]:not(.awTextInput_input),
input[type=datetime-local]:not(.awTextInput_input),
input[type=color]:not(.awTextInput_input),
.aw_form_field {
  padding-top: 3px;
  padding-bottom: 3px;
  display: block;
  font-size: 16px;
  line-height: normal;
  color: #000000;
  vertical-align: middle;
  background-color: #FFFFFF;
  border: 1px solid #BEBEBE;
  border-radius: 2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  margin-right: 5px;
  margin-top: 6px;
  margin-bottom: 6px;
}

input[type=search] {
  /* use default style? check on mobile! */
}

input[type=text]:focus:not(.awTextInput_input),
input[type=password]:focus:not(.awTextInput_input),
[contenteditable=true]:focus,
textarea:focus:not(.awTextAreaField),
input.DatePicker:focus,
input.ColorPicker:focus,
select.Listbox:focus,
select.DropdownList:focus,
input[type=search]:focus:not(.awTextInput_input),
input[type=email]:focus:not(.awTextInput_input),
input[type=url]:focus:not(.awTextInput_input),
input[type=tel]:focus:not(.awTextInput_input),
input[type=number]:focus:not(.awTextInput_input),
input[type=date]:focus:not(.awTextInput_input),
input[type=month]:focus:not(.awTextInput_input),
input[type=week]:focus:not(.awTextInput_input),
input[type=time]:focus:not(.awTextInput_input),
input[type=datetime]:focus:not(.awTextInput_input),
input[type=datetime-local]:focus:not(.awTextInput_input),
input[type=color]:focus:not(.awTextInput_input),
.aw_form_field:focus {
  outline: none;
  border: 1px solid #35A7E5;
}

select:focus {
  outline: none;
}

input[type=checkbox]:focus:not(.awCheckboxInput),
input[type=radio]:focus:not(.awRadioInput) {
  outline: 1px solid #35A7E5;
}

.ErrorBox.aw_invisible_error_box input[type=text]:not(.awTextInput_input),
.ErrorBox.aw_invisible_error_box input[type=password]:not(.awTextInput_input),
.ErrorBox.aw_invisible_error_box [contenteditable=true],
.ErrorBox.aw_invisible_error_box textarea:not(.awTextAreaField),
.ErrorBox.aw_invisible_error_box input.DatePicker,
.ErrorBox.aw_invisible_error_box input.ColorPicker,
.ErrorBox.aw_invisible_error_box select.Listbox,
.ErrorBox.aw_invisible_error_box select.DropdownList,
.ErrorBox.aw_invisible_error_box input[type=search]:not(.awTextInput_input),
.ErrorBox.aw_invisible_error_box input[type=email]:not(.awTextInput_input),
.ErrorBox.aw_invisible_error_box input[type=url]:not(.awTextInput_input),
.ErrorBox.aw_invisible_error_box input[type=tel]:not(.awTextInput_input),
.ErrorBox.aw_invisible_error_box input[type=number]:not(.awTextInput_input),
.ErrorBox.aw_invisible_error_box input[type=date]:not(.awTextInput_input),
.ErrorBox.aw_invisible_error_box input[type=month]:not(.awTextInput_input),
.ErrorBox.aw_invisible_error_box input[type=week]:not(.awTextInput_input),
.ErrorBox.aw_invisible_error_box input[type=time]:not(.awTextInput_input),
.ErrorBox.aw_invisible_error_box input[type=datetime]:not(.awTextInput_input),
.ErrorBox.aw_invisible_error_box input[type=datetime-local]:not(.awTextInput_input),
.ErrorBox.aw_invisible_error_box input[type=color]:not(.awTextInput_input) {
  border: 1px solid #EE443E;
}

.aw_invisible_error_box .ErrorBoxComponent > .aw_form_field {
  border-color: #EE443E;
}

input.TextField,
input.PasswordField,
input.DatePicker,
.SuggestTextField input,
.RichSuggestTextField input,
select.DropdownList,
div.DropdownList,
textarea.TextArea,
div.CheckboxList,
div.RadiobuttonList,
[contenteditable=true],
.aw_form_field {
  padding-left: 10px;
  padding-right: 0;
  min-width: 100px;
  max-width: 500px;
  /** don't add side margins; width is 100% **/
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

span.disabledText.aw_component {
  padding-top: 14px;
  padding-left: 10px;
}

.Infobox input.TextField,
.awInfobox input.TextField,
.Infobox input.PasswordField,
.awInfobox input.PasswordField,
.Infobox input.DatePicker,
.awInfobox input.DatePicker,
.Infobox .SuggestTextField input,
.awInfobox .SuggestTextField input,
.Infobox .RichSuggestTextField input,
.awInfobox .RichSuggestTextField input,
.Infobox .RichSuggestTextField .richhtmlsuggestionfield_input_container,
.awInfobox .RichSuggestTextField .richhtmlsuggestionfield_input_container,
.Infobox select.DropdownList,
.awInfobox select.DropdownList,
.Infobox div.select2-container.DropdownList.discreteComponent.awDisplayComponent,
.awInfobox div.select2-container.DropdownList.discreteComponent.awDisplayComponent,
.Infobox div.select2-container.DropdownList.discreteComponent.aw_display_component,
.awInfobox div.select2-container.DropdownList.discreteComponent.aw_display_component,
.Infobox textarea:not(.awTextAreaField),
.awInfobox textarea:not(.awTextAreaField),
.Infobox [contenteditable=true],
.awInfobox [contenteditable=true],
.Infobox .aw_form_field,
.awInfobox .aw_form_field {
  width: 100%;
  max-width: 500px;
  /** Need to restore the min-width for components that override the min-width when in isolation **/
  min-width: 100px;
  /** don't add side margins; width is 100% **/
  margin-left: 0;
}

.Infobox div.select2-container.DropdownList.discreteComponent.awDisplayComponent,
.awInfobox div.select2-container.DropdownList.discreteComponent.awDisplayComponent,
.Infobox div.select2-container.DropdownList.discreteComponent.aw_display_component,
.awInfobox div.select2-container.DropdownList.discreteComponent.aw_display_component {
  padding-left: 0;
}

input[type=radio],
input[type=checkbox] {
  /*border:2px solid unquote('#969696');*/
}

.AutoWorkspaceForm {
  height: 100%;
}

input.aw_form_input_placeholder_inactive,
textarea.aw_form_input_placeholder_inactive {
  color: #CCCCCC;
}

/** Error Box automatically drawn around control with validation error **/
.ErrorBox.aw_invisible_error_box .Infobox span,
.ErrorBox.aw_invisible_error_box .Infobox div,
.ErrorBoxText {
  font-weight: 300;
  color: #EE443E;
}

.ErrorBox {
  border: none;
  margin: 0;
  padding: 0;
}

.ErrorBox.aw_invisible_error_box .ErrorBoxText {
  margin-left: 35px;
}

.Infobox .ErrorBox.aw_invisible_error_box .ErrorBoxText,
.awInfobox .ErrorBox.aw_invisible_error_box .ErrorBoxText {
  margin-left: 0;
  font-size: 14px;
}

/** Error Box created by Validation Group component **/
.ErrorBox.aw_visible_error_box {
  padding-bottom: 4px;
  padding-top: 4px;
  margin-bottom: 4px;
  border-left: 1px solid #EE443E;
}

.ErrorBox.aw_visible_error_box > .ErrorBoxText {
  padding-left: 20px;
  margin-left: 14px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("/appway/img/workspace/infobox/tag_red_left.png");
  color: #EE443E;
}

/*
Only for IE9+
input[type=checkbox],
input[type=radio] {
	-webkit-appearance: none;
	width:20px;
	height:20px;
	border:2px solid black;
}
input[type=radio] {
	border-radius:20px;
}
input[type=checkbox]:checked,
input[type=radio]:checked {
	background-color:black;
}
*/
.clear {
  clear: both;
}

.discreteComponent {
  display: block;
  clear: both;
  margin-top: 6px;
  margin-bottom: 6px;
}

.awComponent,
.aw_component {
  margin: 0;
  padding: 0;
}

.awContainerComponent,
.aw_container_component {
  margin: 0;
  padding: 0;
}

.awDisplayComponent,
.aw_display_component,
div.select2-container.DropdownList.discreteComponent.awDisplayComponent,
div.select2-container.DropdownList.discreteComponent.aw_display_component {
  margin-left: 35px;
  margin-right: 35px;
}

.awDisplayComponent.inlineComponent,
.aw_display_component.inlineComponent,
div.select2-container.DropdownList.discreteComponent.awDisplayComponent.inlineComponent,
div.select2-container.DropdownList.discreteComponent.aw_display_component.inlineComponent {
  margin-left: auto;
}

.awDisplayComponent.inlineComponent:first-child,
.aw_display_component.inlineComponent:first-child {
  margin-left: 20px;
}

.awGroupComponent,
.aw_group_component {
  padding-bottom: 10px;
}

.awGroupComponentSmall,
.aw_group_component_small {
  padding-top: 35px;
}

.awGroupComponentSmall:first-child,
.aw_group_component_small:first-child {
  padding-top: 35px;
}

.awGroupComponentSmall:first-child:last-child,
.aw_group_component_small:first-child:last-child {
  padding-top: 20px;
  padding-bottom: 20px;
}

.awGroupComponentMedium,
.aw_group_component_medium {
  padding-top: 35px;
}

.awGroupComponentMedium:first-child,
.aw_group_component_medium:first-child {
  padding-top: 35px;
}

.awGroupComponentMedium:first-child:last-child,
.aw_group_component_medium:first-child:last-child {
  padding-top: 20px;
  padding-bottom: 20px;
}

.awGroupComponentLarge,
.aw_group_component_large {
  padding-top: 50px;
}

.awGroupComponentLarge:first-child,
.aw_group_component_large:first-child {
  padding-top: 35px;
}

.awGroupComponentLarge:first-child:last-child,
.aw_group_component_large:first-child:last-child {
  padding-top: 20px;
  padding-bottom: 20px;
}

/**
 * Shadow Level 1
 * - UI elements like buttons
 */
.aw_shadow_level1 {
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
}

/**
 * Shadow Level 2
 * - Any popup elements created by components in the content area
 * - Sidebars and headers
 */
.aw_shadow_level2 {
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.21);
}

/**
 * Shadow Level 3
 * - Any popup elements created by components in the header
 * - Any popup elements created by other popup elements (e.g. a month picker opened by a day picker)
 */
.aw_shadow_level3 {
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.31);
}

@media screen and (max-width: 1024px) {
  body {
    font-size: 16px;
  }
  input[type=text]:not(.awTextInput_input),
input[type=password]:not(.awTextInput_input),
[contenteditable=true],
textarea,
input.DatePicker,
input.ColorPicker,
select.ListBox,
select.DropdownList,
.select2-container.DropdownList .select2-choice,
.select2-container.DropdownList .select2-choices,
input[type=search]:not(.awTextInput_input),
input[type=email]:not(.awTextInput_input),
input[type=url]:not(.awTextInput_input),
input[type=tel]:not(.awTextInput_input),
input[type=number]:not(.awTextInput_input),
input[type=date]:not(.awTextInput_input),
input[type=month]:not(.awTextInput_input),
input[type=week]:not(.awTextInput_input),
input[type=time]:not(.awTextInput_input),
input[type=datetime]:not(.awTextInput_input),
input[type=datetime-local]:not(.awTextInput_input),
input[type=color]:not(.awTextInput_input),
.aw_form_field {
    font-size: 18px;
  }
  .awDisplayComponent,
.aw_display_component,
div.select2-container.DropdownList.discreteComponent.awDisplayComponent,
div.select2-container.DropdownList.discreteComponent.aw_display_component {
    margin-left: 15px;
    margin-right: 15px;
  }
  .awDisplayComponent.inlineComponent:first-child,
.aw_display_component.inlineComponent:first-child {
    margin-left: 10px;
  }
}
/***************************
DROPDOWNLIST (Legacy)
***************************/
div.DropdownList {
  padding-left: 0;
}

select.DropdownList {
  width: 86%;
  padding-top: 2px;
  padding-bottom: 2px;
}

div.select2-container.DropdownList {
  border-radius: 2px;
  margin-bottom: 6px;
}

.DropdownList.select2IsEnabled[multiple] {
  /* this element is hidden, but before it is hidden, is used by  */
  /* Adaptive Flow Layout to calculate the element's final height */
  height: 21px;
}

/* Searchable Dropdown */
div.select2-container.DropdownList .select2-choice,
div.select2-container.DropdownList .select2-choices {
  margin: 0;
}

div.select2-container.DropdownList .select2-choice {
  height: auto;
  background-image: url("/appway/img/workspace/dropdownlist/normal.png");
  background-repeat: no-repeat;
  background-position: center right;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

div.select2-container.DropdownList .select2-choice .select2-arrow {
  display: none;
}

div.select2-container.DropdownList.select2-dropdown-open .select2-choice {
  border: 1px solid #35A7E5;
  background-image: url("/appway/img/workspace/dropdownlist/focus.png");
}

.ErrorBox > div.select2-container.DropdownList .select2-choice,
.ErrorBox > div.select2-container.DropdownList.select2-dropdown-open .select2-choice {
  border: 1px solid #EE443E;
  background-image: url("/appway/img/workspace/dropdownlist/validation.png");
}

.select2-drop {
  border-radius: 0 0 2px 2px !important;
}

.select2-highlighted * {
  color: white;
}

.DropdownList.select2IsEnabled {
  width: 300px;
}

.select2-drop .select2-search {
  padding-top: 4px;
}

.select2-results .select2-result-label {
  color: #000000;
}

.select2-results .select2-highlighted .select2-result-label {
  color: white;
}

.select2-container .select2-choice > .select2-chosen {
  color: #000000;
}

.select2-drop .select2-results .select2-no-results,
.select2-drop .select2-results .select2-searching,
.select2-drop .select2-results .select2-selection-limit {
  background-color: transparent;
}

select.DropdownList {
  min-width: 200px;
  /*
   background-image:url('/appway/img/workspace/dropdownlist/normal.png');
   background-repeat:no-repeat;
   background-position: center right;
   padding-right:30px;
   text-overflow:ellipsis;
   */
}

/*
select.DropdownList:focus {
	background-image:url(/appway/img/workspace/dropdownlist/focus.png);
}

select.ErrorBox > .DropdownList {
	background-image:url(/appway/img/workspace/dropdownlist/validation.png);
}
*/
/* select2 width fix */
div.select2-container.DropdownList.discreteComponent.select2IsEnabled.select2AllowClear.select2SetupDone {
  width: 100%;
}

/* select2 selected element background color */
.select2-drop .select2-results .select2-highlighted {
  background-color: #35A7E5;
}

/* Validation */
.ErrorBox div.select2-container.DropdownList a.select2-choice,
.ErrorBox div.DropdownList.select2-container-multi {
  border: 1px solid #EE443E;
}

/* multi-selection */
div.DropdownList.select2-container-multi {
  border: 1px solid #BEBEBE;
}

div.DropdownList.select2-container-multi.select2-container-active {
  box-shadow: none;
  border: 1px solid #35A7E5;
}

div.DropdownList.select2-container-multi .select2-choices {
  border: none;
  min-height: 0;
  padding-top: 0;
  padding-bottom: 2px;
  background-image: none;
}

div.DropdownList.select2-container-multi.select2-container-active .select2-choices {
  box-shadow: none;
}

div.DropdownList.select2-container-multi .select2-choices .select2-search-choice {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  padding-right: 30px;
  padding-left: 15px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-top: 2px;
  margin-bottom: 0;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  line-height: 1em;
  box-shadow: none;
  background-color: #969696;
}

div.DropdownList.select2-container-multi .select2-choices .select2-search-field:first-child {
  padding-top: 0;
}

div.DropdownList.select2-container-multi .select2-choices .select2-search-field input {
  padding-top: 2px;
  padding-bottom: 0;
  margin: 0;
  padding-left: 8px;
  color: #000000 !important;
  font-family: inherit;
}

div.DropdownList.select2-container-multi .select2-choices .select2-search-field:first-child input {
  padding-top: 3px;
  padding-bottom: 1px;
}

div.DropdownList.select2-container-multi .select2-choices .select2-search-choice div {
  color: white;
  font-weight: 300;
  box-shadow: none;
}

div.DropdownList.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close,
div.DropdownList.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  left: auto;
  right: 3px;
  top: 3px;
  background-image: url("/appway/img/select2/close_butn.png") !important;
  background-size: 16px 16px !important;
  background-position: 0 0;
  width: 16px;
  height: 16px;
  opacity: 0.9;
}

div.DropdownList.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  opacity: 1;
}

select[disabled], select[disabled] > option {
  color: #BBBBBB;
}

div.DropdownList.select2-dropdown-open .select2-choice {
  background-color: #FFFFFF;
}

div.select2-drop-active {
  border-color: #35A7E5;
}

.aw_DropdownList_spacer {
  height: 38px;
  width: 300px;
  visibility: hidden;
}

@media screen and (max-width: 1024px) {
  div.DropdownList.select2-container-multi .select2-choices .select2-search-choice {
    margin-top: 4px;
  }
  div.DropdownList.select2-container-multi .select2-choices .select2-search-field input {
    padding-top: 3px;
    padding-bottom: 1px;
  }
}
.select2-search-field input[type=text]:focus {
  border: 0;
}

/***************************
LINK
Legacy styles
***************************/
.Link,
.ScreenLink {
  text-decoration: underline;
  color: #0278DE;
}

.Link.aw_LinkHasIcon {
  text-decoration: none;
}

.Link.aw_LinkHasIcon svg > *,
.Link.aw_LinkHasIcon svg > g > * {
  fill: #0278DE;
}

.Link.aw_LinkHasIcon > svg,
.Link > img.aw_LinkIcon {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  margin-bottom: -2px;
}

.Link.aw_LinkHasIcon > svg {
  pointer-events: none;
}

/***************************
LABEL (corresponds to component Label.java, display name Text)
***************************/
.Label {
  font-size: 16px;
  line-height: 18px;
}

h1.awTextComponent.awDisplayComponent,
h1.aw_text_component.aw_display_component,
h2.awTextComponent.awDisplayComponent,
h2.aw_text_component.aw_display_component,
h3.awTextComponent.awDisplayComponent,
h3.aw_text_component.aw_display_component,
h4.awTextComponent.awDisplayComponent,
h4.aw_text_component.aw_display_component,
h5.awTextComponent.awDisplayComponent,
h5.aw_text_component.aw_display_component,
h6.awTextComponent.awDisplayComponent,
h6.aw_text_component.aw_display_component {
  margin-left: 25px;
  margin-right: 25px;
  color: #000000;
}

h1.Label, h2.Label, h3.Label,
h1:not(.awLabel), h2:not(.awLabel), h3:not(.awLabel) {
  margin-bottom: 6px;
}

h4.Label, h5.Label, h6.Label,
h4:not(.awLabel), h5:not(.awLabel), h6:not(.awLabel) {
  margin-bottom: 5px;
}

h1.Label,
h1:not(.awLabel) {
  font-weight: 300;
  font-size: 32px;
  line-height: 32px;
}

h2.Label,
h2:not(.awLabel) {
  font-weight: 300;
  font-size: 24px;
  line-height: 24px;
}

h3.Label,
h3:not(.awLabel) {
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
}

h4.Label,
h4:not(.awLabel) {
  font-weight: 700;
  font-size: 17px;
  line-height: 17px;
}

h5.Label,
h5:not(.awLabel) {
  font-weight: 300;
  font-size: 16px;
  line-height: 16px;
}

h6.Label,
h6:not(.awLabel) {
  font-weight: 300;
  font-size: 14px;
  line-height: 14px;
}

code.Label {
  display: block;
}

/** special cases **/
/* align label inside an InfoBox */
.Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding > .Label.discreteComponent {
  margin-top: 13px;
}

/***************************
BUTTONS

There are two types of buttons:

- Standard buttons (Button)
- Html input buttons (HtmlButton)

and can be of four different visual types:

- Navigation (VisualButtonStyleDefault)
- Screen Action (VisualButtonStylePrimary)
- Flow Action (VisualButtonStylePrimaryFlow)
- Destructive Action (VisualButtonStyleWarning)

The standard button type can contain an icon (WorkspaceIcon)
and be Bordered (aw_button_Bordered) or Borderless (aw_button_Borderless).
A button can be borderless only if the icon is there.

***************************/
.Button,
.HtmlButton,
.Button:focus,
.HtmlButton:focus {
  outline-width: 0;
}

.Button,
.HtmlButton {
  display: inline-block;
  width: auto;
  background-color: transparent;
  border: 1px solid transparent; /* to ensure all buttons have the same size */
  border-radius: 0.143em;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 14px;
  padding: 0.5em 1.143em;
  margin-top: 6px;
}

.Button:disabled,
.HtmlButton:disabled {
  opacity: 0.5;
  cursor: default;
}

.Button.discreteComponent,
.HtmlButton.discreteComponent {
  display: block;
}

.Button .aw_button_text {
  color: inherit;
  font-family: inherit;
}

.Button svg,
.Button img.awButtonIcon {
  width: 1.143em;
  height: 1.143em;
}

.Button svg > *,
.Button svg > g > * {
  fill: #FFFFFF;
}

/** BORDERLESS BUTTONS **/
.aw_button_Borderless {
  background-color: transparent;
  text-align: left;
  padding-left: 0;
  padding-right: 0;
  box-shadow: none;
  color: #707070;
}

.aw_button_Borderless svg > *,
.aw_button_Borderless svg > g > * {
  fill: #707070;
}

/** BUTTONS WITH BOTH LABELS AND ICONS **/
/* If the button contains both the icon and the label, they must be center aligned */
.aw_button_style_haslabel.WorkspaceIcon {
  display: table;
  border-collapse: separate;
}

.aw_button_style_haslabel.WorkspaceIcon .aw_button_icon_wrapper,
.aw_button_style_haslabel.WorkspaceIcon .aw_button_text {
  display: table-cell;
  vertical-align: middle;
}

.aw_button_style_haslabel svg,
.aw_button_style_haslabel img.awButtonIcon {
  margin-right: 8px;
}

.aw_button_icon_wrapper > svg {
  pointer-events: none;
}

/** NAVIGATION BUTTON **/
.VisualButtonStyleDefault {
  text-decoration: underline;
  color: #707070;
  box-shadow: none;
}

.VisualButtonStyleDefault.WorkspaceIcon {
  text-decoration: none;
}

.VisualButtonStyleDefault svg > *,
.VisualButtonStyleDefault svg > g > * {
  fill: #707070;
}

.VisualButtonStyleDefault.aw_button_Borderless {
  color: #707070;
}

/** SCREEN ACTION BUTTON **/
.VisualButtonStylePrimary {
  border: 1px solid #3CA8E2;
  color: #3CA8E2;
}

.VisualButtonStylePrimary svg > *,
.VisualButtonStylePrimary svg > g > * {
  fill: #3CA8E2;
}

.VisualButtonStylePrimary.aw_button_Borderless {
  border-color: transparent;
  color: #3CA8E2;
}

.VisualButtonStylePrimary.aw_button_Borderless svg > *,
.VisualButtonStylePrimary.aw_button_Borderless svg > g > * {
  fill: #3CA8E2;
}

/** FLOW ACTION BUTTON **/
.VisualButtonStylePrimaryFlow {
  background-color: #3CA8E2;
}

.VisualButtonStylePrimaryFlow.aw_button_Borderless {
  background-color: transparent;
  color: #3CA8E2;
}

.VisualButtonStylePrimaryFlow.aw_button_Borderless svg > *,
.VisualButtonStylePrimaryFlow.aw_button_Borderless svg > g > * {
  fill: #3CA8E2;
}

/** DESTRUCTIVE ACTION BUTTON **/
.VisualButtonStyleWarning {
  background-color: #F04338;
}

.VisualButtonStyleWarning.aw_button_Borderless {
  background-color: transparent;
  color: #F04338;
}

.VisualButtonStyleWarning.aw_button_Borderless svg > *,
.VisualButtonStyleWarning.aw_button_Borderless svg > g > * {
  fill: #F04338;
}

/** DISABLED BUTTON **/
.ButtonDisabled {
  background-image: url("/appway/img/general/buttongradient_disabled.png");
  color: #BEBEBE;
  text-shadow: none;
}

.ButtonDisabled svg > *,
.ButtonDisabled svg > g > * {
  fill: #BEBEBE;
}

/***************************
LIST (legacy)
***************************/
.ListContainer {
  margin-top: 5px;
  margin-left: 35px;
}

.ListItem > .awLabel,
.ListItem > .awLink {
  vertical-align: top;
}

/***************************
INFOBOX
Legacy styles
***************************/
.Infobox {
  position: relative;
  padding: 0;
  margin-right: 20px;
  margin-bottom: 10px;
}

.Infobox .aw_InfoboxInfoButton {
  margin-left: 5px;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
}

.Infobox .InfoboxLabel {
  /*white-space: nowrap; Looks bad on small screens or with long labels. Problem: not all infobox controls appear in same place, because some labels might break to one line, others to more. */
  margin: 0;
  padding: 0;
  font-weight: 300;
  /* align width with other elements, e.g. checkbox list labels, case #8356 */
  max-width: 500px;
}

.Infobox .InfoboxLabel .InfoBoxPadding {
  padding: 5px;
  padding-top: 4px;
  padding-left: 14px;
  /* make sure inline styles set using Style tab, but applied to parent element, */
  /* are actually shown on this telement, too */
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: inherit;
  white-space: inherit;
}

.Infobox.aw_infobox_childHasValidationError .InfoboxLabel .InfoBoxPadding {
  color: #EE443E;
}

.Infobox .aw_InfoBoxV2Content {
  margin: 0;
  padding: 0;
}

.Infobox .aw_InfoBoxV2Content .InfoBoxPadding {
  margin-right: 30px;
}

.Infobox > .InfoboxLabel > .InfoBoxPadding {
  word-wrap: break-word;
}

.Infobox.awInfoboxMandatory > .InfoboxLabel > .InfoBoxPadding {
  background-image: url("/appway/img/workspace/infobox/tag_grey.png");
  background-position: left 9px;
  background-repeat: no-repeat;
}

.Infobox.awInfoboxMandatory.aw_infobox_childHasValidationError > .InfoboxLabel > .InfoBoxPadding {
  background-image: url("/appway/img/workspace/infobox/tag_red.png");
  font-weight: 400;
}

.Infobox .InfoboxMandatory {
  color: red;
  display: none;
}

.Infobox .awDisplayComponent,
.Infobox .aw_display_component {
  margin-left: 0;
  margin-right: 0;
}

.Infobox .awDisplayComponent.inlineComponent:first-child,
.Infobox .aw_display_component.inlineComponent:first-child {
  margin-left: 0;
}

/*** special cases ***/
/* increase space if an infobox appears directly after a header */
h1.Label + .Infobox, h2.Label + .Infobox, h3.Label + .Infobox,
h4.Label + .Infobox, h5.Label + .Infobox, h6.Label + .Infobox,
h1 + .Infobox, h2 + .Infobox, h3 + .Infobox,
h4 + .Infobox, h5 + .Infobox, h6 + .Infobox {
  margin-top: 15px;
}

/***************************
SEPARATOR
***************************/
.Separator.awGroupComponentSmall:first-child,
.Separator.aw_group_component_small:first-child,
.Separator.awGroupComponentSmall,
.Separator.aw_group_component_small,
.Separator {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  margin-left: 0;
  margin-top: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #DBDBDB;
}

/***************************
PLACEHOLDER
***************************/
.Placeholder {
  border: 2px solid #006600;
  background-color: #009900;
  color: #FFFFFF;
  padding: 5px;
  display: table;
}

/***************************
CUSTOM COMPONENT
***************************/
.CustomComponentErrorBox {
  background-color: #008800;
  border: 1px solid #FFFF00;
  padding: 3px;
  margin: 2px;
  color: #FFFFFF;
  display: table;
}

.CustomComponentErrorBoxInternal {
  background-color: #90EE90;
  border: 1px solid #FFFF00;
  margin-top: 3px;
  padding: 3px;
}

/***************************
TOOLTIP

The tooltip used in the InfoBox
***************************/
.workspacetooltip {
  z-index: 16000000;
  margin-bottom: 8px;
}

.aw_InfoBoxTooltipContentWrapper {
  background-color: #DBDBDB;
  border: 1px solid #DBDBDB;
  margin-left: 5px;
  padding: 5px 20px 5px 10px;
}

.workspacetooltip .aw_InfoBoxLabel {
  color: #707070;
}

.workspacetooltip .aw_InfoBoxArrow {
  width: 0;
  height: 0;
  position: absolute;
  bottom: -8px;
  margin-left: 15px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #DBDBDB;
}

/***************************
USER BLOCKER Action
The action has a createJavaScriptCode method which generates programmatically html elements.
The following rules apply to these generated html elements: aw_UserBlocker, aw_userBlockerText, aw_userBlockerThrobber
***************************/
.aw_UserBlocker .aw_userBlockerText {
  font-size: 18px;
}

.aw_UserBlocker .aw_userBlockerThrobber {
  margin-top: -2px;
}

/** Checkbox List and Radiobutton List **/
.RadiobuttonList .aw_htmlRadiobuttonOption,
.CheckboxList .aw_htmlCheckboxOption {
  padding: 4px;
  padding-left: 10px;
}

.RadiobuttonList.aw_htmlRadiobuttonHorizontal .aw_htmlRadiobuttonOption,
.CheckboxList.aw_htmlCheckboxHorizontal .aw_htmlCheckboxOption {
  display: inline-block;
}

/** align checkbox and text **/
.RadiobuttonList .aw_htmlRadiobuttonOption,
.CheckboxList .aw_htmlCheckboxOption {
  position: relative;
  padding-left: 30px;
}

.RadiobuttonList .aw_htmlRadiobuttonOption input,
.CheckboxList .aw_htmlCheckboxOption input {
  position: absolute;
  top: 6px;
  left: 4px;
}

/** /align checkbox and text **/
.ErrorBox .CheckboxListLabel,
.ErrorBox .RadiobuttonListLabel,
.CheckboxListLabel,
.RadiobuttonListLabel,
.CheckboxLabel,
.RadiobuttonLabel {
  font-size: 16px;
  color: #000000;
}

.Infobox .CheckboxList,
.Infobox .RadiobuttonList {
  margin-top: 8px;
  margin-left: 0;
  padding-left: 0;
}

/*
.Infobox .aw_htmlRadiobuttonOption,
.Infobox .aw_htmlCheckboxOption {
	padding-left:0;
}
*/
/*
@media screen and (max-width: 1024px) {
	/  * don't show components side-by-side on smaller screens *  /
	/  * no longer needed: this is now handled by js code      *  /
	.aw_touchScreen .RadiobuttonList.aw_htmlRadiobuttonHorizontal .aw_htmlRadiobuttonOption,
	.aw_touchScreen .CheckboxList.aw_htmlCheckboxHorizontal .aw_htmlCheckboxOption {
		display:block;
	}

	.aw_touchScreen .CheckboxList,
	.aw_touchScreen .RadiobuttonList {
		margin:10px;
		border: 1px solid #CCC;
		border-radius:10px;
		background-color:white;
	}
	.aw_touchScreen .CheckboxList input[type="checkbox"],
	.aw_touchScreen .RadiobuttonList input[type="radio"] {
		display:none;
	}

	.aw_touchScreen .CheckboxList input[type="checkbox"] + label,
	.aw_touchScreen .RadiobuttonList input[type="radio"] + label {
		display:block;
		width:100%;
		margin-bottom:5px;
		margin-top:5px;
		font-size:20px;
		height:40px;
		vertical-align:middle;
		background-position:center right;
		background-repeat:no-repeat;
		cursor:pointer;
		background-size:40px 40px;
	}
	.aw_touchScreen .CheckboxList input[type="checkbox"] + label {
		background-image:url('/appway/img/workspace/checkbox/checkbox_inactive_2x.png');
	}
	.aw_touchScreen .RadiobuttonList input[type="radio"] + label {
		background-image:url('/appway/img/workspace/radio/radio_inactive_2x.png');
	}
	.aw_touchScreen .CheckboxList input[type="checkbox"]:checked + label {
		background-image:url('/appway/img/workspace/checkbox/checkbox_active_2x.png');
	}
	.aw_touchScreen .RadiobuttonList input[type="radio"]:checked + label {
		background-image:url('/appway/img/workspace/radio/radio_active_2x.png');
	}
}
*/
/***************************
PDFVIEWER (deprecated)
***************************/
iframe.awComponent.awDisplayComponent,
iframe.aw_component.aw_display_component {
  border: 1px solid #BEBEBE;
  background-color: #BEBEBE;
}

/***************************
FILE UPLOAD
***************************/
.aw_FileUpload:after {
  content: "";
  display: table;
  clear: both;
}

.aw_FileUpload input[type=file] {
  position: fixed;
  top: -1000px;
}

.aw_FileUpload-Button {
  margin: 7px 0;
  border: 1px solid #3CA8E2;
  color: #3CA8E2;
  display: inline-block;
  padding: 7px 30px;
  cursor: pointer;
  font-size: 14px;
}

.aw_FileUpload-LabelPath {
  padding: 15px 0 0 20px;
  display: inline-block;
}

.aw_FileUpload-LabelPathContainer,
.aw_FileUpload-Button {
  float: left;
}

/* -- /resource/classpath/WorkspaceCollaboration/css/ChatWidget.css -- */
.ChatWidget {
    height: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 2px;
    padding: 5px 5px 0;
    background-color: #E5E5E5;
    margin: 0;
}

.ChatWidget, .ChatWidget * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
}

.aw_ext_workspacecollaboration_chat_ChatWidget_sendButton,
.aw_ext_workspacecollaboration_chat_userAddPanel_closeButton,
.aw_ext_workspacecollaboration_chat_ChatWidget_showMoreButton {
    min-width: 40px;
    display: inline-block;
    z-index: 10;
}

.aw_ext_workspacecollaboration_chat_UserList,
.aw_ext_workspacecollaboration_chat_ChatWidget_inputText {
    width: 100%;
    height: 41px;
    z-index: 10;
}

.aw_ext_workspacecollaboration_chat_ChatWidget_disabled .aw_ext_workspacecollaboration_chat_ChatWidget_addUserButton {
    display: none;
}

.aw_ext_workspacecollaboration_chat_UserList {
    position: relative;
    overflow: visible;
}

.aw_ext_workspacecollaboration_chat_ChatWidget_addUserButton {
    top: 1px;
    right: 5px;
    position: absolute;
    z-index: 600;
    height: 30px;
    padding: 0 7px;
}

.aw_ext_workspacecollaboration_chat_ChatWidget_addUserButton > svg {
    width: 24px;
    fill: #3CA8E2;
}

.aw_ext_workspacecollaboration_chat_ChatWidget_addUserButton > img {
    width: 24px;
}

.aw_ext_workspacecollaboration_chat_ChatWidget_inputContainer {
    height: 45px;
    top: 0px;
    left: 0;
    width: 100%;
    padding: 0;
    position: relative;
    max-width: 600px;
}

.aw_ext_workspacecollaboration_chat_ChatWidget_disabled .aw_ext_workspacecollaboration_chat_ChatWidget_inputContainer {
    display: none;
}

.aw_ext_workspacecollaboration_chat_ChatWidget_textareaContainer {
    width: 100%;
    outline: 0 none;
    overflow: visible;
    position: absolute;
    bottom: 6px;
    left: 0;
    padding: 6px 100px 0 7px;
    background-color: #E5E5E5;
}

.aw_ext_workspacecollaboration_chat_ChatWidget_inputText {
    width: 100%;
    resize: none;
    margin: 0;
    position: relative;
    height: 100%;
}

.aw_ext_workspacecollaboration_chat_ChatWidget_inputText:focus {
    box-shadow: inset 0px 0px 6px rgba(0, 129, 255, 0.5);
}

.aw_ext_workspacecollaboration_chat_ChatWidget_sendButton {
    position: absolute;
    right: 2px;
    top: 1px;
}

.aw_ext_workspacecollaboration_chat_ChatWidget_disabled .aw_ext_workspacecollaboration_chat_ChatWidget_sendButton {
    background-color: #CCCCCC;
    border-color: #AAAAAA;
}

.aw_ext_workspacecollaboration_chat_MessageList_loading > .aw_ext_workspacecollaboration_chat_MessageList_container {
    visibility: hidden;
}

.aw_ext_workspacecollaboration_chat_MessageList {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-bottom: 90px;
    position: relative;
}

.aw_ext_workspacecollaboration_chat_ChatWidget_disabled .aw_ext_workspacecollaboration_chat_MessageList {
    padding-bottom: 50px;
}

.aw_ext_workspacecollaboration_chat_MessageList_container {
    overflow-y: scroll;
    height: 100%;
    border-radius: 2px;
    background: #FFFFFF;
}

.aw_ext_workspacecollaboration_chat_MessageList_oldMessages {
    display: inline-block;
    width: 100%;
    background-color: #FBFBFB;
    border-bottom: 1px solid #E9E9E9;

    box-shadow: inset 0px -2px 10px rgba(0, 0, 0, 0.03);
}

.aw_ext_workspacecollaboration_chat_MessageList_oldMessagesSeparator {
    position: relative;
    width: 100%;
    text-align: center;
    color: #AAAAAA;
    margin: 5px 0;
}

.aw_ext_workspacecollaboration_chat_ChatWidget_disabled .aw_ext_workspacecollaboration_chat_MessageList_newMessages {
    background: #DDDDDD;
}

.aw_ext_workspacecollaboration_chat_MessageList_newMessages {
    width: 100%;
    background: #FFFFFF;
}

.aw_ext_workspacecollaboration_chat_MessageList_currentUserMessage,
.aw_ext_workspacecollaboration_chat_MessageList_otherUserMessage {
    display: inline-block;
    width: 100%;
    padding: 5px;
}

.aw_ext_workspacecollaboration_chat_MessageList_currentUserMessage > * {
    float: right;
    text-align: right;
}

.aw_ext_workspacecollaboration_chat_MessageList_otherUserMessage > * {
    float: left;
    text-align: left;
}

.aw_ext_workspacecollaboration_chat_MessageList_userAvatar {
    width: 32px;
    height: 32px;
    display: inline-block;
    border-radius: 5px;
    margin: 0 5px;
}

.aw_ext_workspacecollaboration_chat_MessageList_userAvatar img {
    border-radius: 16px;
    width: 32px;
    border: 1px solid #BEBEBE;
}

.aw_ext_workspacecollaboration_chat_MessageList_balloon {
    position: relative;
    top: 13px;
    width: 8px;
    height: 9px;
    background-repeat: no-repeat;

    background-size: 8px 9px;
}

.aw_ext_workspacecollaboration_chat_MessageList_currentUserMessage >
.aw_ext_workspacecollaboration_chat_MessageList_balloon {
    background-image: url(/appway/resource/classpath/WorkspaceCollaboration/images/triangle_blue_chat.png);
    background-position: center right;
}

.aw_ext_workspacecollaboration_chat_MessageList_otherUserMessage >
.aw_ext_workspacecollaboration_chat_MessageList_balloon {
    background-image: url(/appway/resource/classpath/WorkspaceCollaboration/images/triangle_grey_chat.png);
    background-position: center left;
}

.aw_ext_workspacecollaboration_chat_MessageList_time {
    margin-top: 5px;
}

.aw_ext_workspacecollaboration_chat_MessageList_time {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 11px;
}

.aw_ext_workspacecollaboration_chat_MessageList_currentUserMessage .aw_ext_workspacecollaboration_chat_MessageList_time {
    color: #DBDBDB;
}

.aw_ext_workspacecollaboration_chat_MessageList_otherUserMessage .aw_ext_workspacecollaboration_chat_MessageList_time {
    color: #BEBEBE;
}

.aw_ext_workspacecollaboration_chat_MessageList_systemMessage .aw_ext_workspacecollaboration_chat_MessageList_text,
.aw_ext_workspacecollaboration_chat_MessageList_systemMessage .aw_ext_workspacecollaboration_chat_MessageList_time {
    color: #AAAAAA;
}

.aw_ext_workspacecollaboration_chat_MessageList_currentUserMessage * {
    color: #FFFFFF;
}

.aw_ext_workspacecollaboration_chat_MessageList_userName {
    overflow: hidden;
    text-overflow: ellipsis;
}

.aw_ext_workspacecollaboration_chat_MessageList_text {
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    white-space: pre-wrap;
}

.aw_ext_workspacecollaboration_chat_MessageList_messageContent {
    display: inline-block;
    padding: 5px;
    padding-left: 14px;
    padding-right: 14px;
    border-radius: 2px;
    max-width: 80%;
    background-color: #35A7E5;
    color: #FFFFFF;
}

.aw_ext_workspacecollaboration_chat_UserList_element {
    display: inline-block;
    margin: 5px;
}

.aw_ext_workspacecollaboration_chat_MessageList_systemMessage > .aw_ext_workspacecollaboration_chat_MessageList_userAvatar,
.aw_ext_workspacecollaboration_chat_MessageList_systemMessage > .aw_ext_workspacecollaboration_chat_MessageList_balloon {
    display: none;
}

.aw_ext_workspacecollaboration_chat_MessageList_systemMessage > .aw_ext_workspacecollaboration_chat_MessageList_messageContent {
    display: block;
    border-radius: 0;
    max-width: 100%;
    background-color: #EEEEEE;
    border-top: 1px solid #DDDDDD;
}

.aw_ext_workspacecollaboration_chat_MessageList_systemMessage > .aw_ext_workspacecollaboration_chat_MessageList_userAvatar {
    display: none;
}

.aw_ext_workspacecollaboration_chat_MessageList_systemMessage .aw_ext_workspacecollaboration_chat_MessageList_userName {
    display: none;
}

.aw_ext_workspacecollaboration_chat_MessageList_otherUserMessage * {
    color: #000000;
}

.aw_ext_workspacecollaboration_chat_MessageList_message .aw_ext_workspacecollaboration_userFullName {
    font-weight: bold;
}

.aw_ext_workspacecollaboration_chat_UserList_online > .aw_ext_workspacecollaboration_chat_UserList_status,
.aw_ext_workspacecollaboration_chat_UserList_pending > .aw_ext_workspacecollaboration_chat_UserList_status {
    display: inline-block;
    margin-right: 3px;
    background: #00B713;
    width: 10px;
    height: 10px;
    border-radius: 5px;
}

.aw_ext_workspacecollaboration_chat_UserList_pending > .aw_ext_workspacecollaboration_chat_UserList_status {
    background-color: #969696;
}

.aw_ext_workspacecollaboration_chat_MessageList_otherUserMessage .aw_ext_workspacecollaboration_chat_MessageList_messageContent {
    background-color: #F7F6F2;
}

.aw_ext_workspacecollaboration_loadingWheel {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 20px;
}

.aw_ext_workspacecollaboration_chat_userAddPanel {
    position: absolute;
    width: 100%;
    background: #E5E5E5;
    z-index: 300;
    top: 40px;
    left: 0;
    padding-bottom: 13px;
}

.aw_ext_workspacecollaboration_chat_userAddPanel_content {
    max-width: 600px;
    position: relative;
}

.aw_ext_workspacecollaboration_chat_userAddPanel_content > .aw_ext_workspacecollaboration_annotation_MarkupField {
    padding: 0 90px 0 5px;
}

.aw_ext_workspacecollaboration_chat_userAddPanel_closeButton {
    right: 5px;
    top: 1px;
    position: absolute;
    margin-top: 0;
}

.aw_ext_workspacecollaboration_chat_MessageList_noMessagesAlert {
    display: none;
    padding: 5px;
    color: #BBBBBB;
}

.aw_ext_workspacecollaboration_chat_ChatWidget_hideSystemMessages .aw_ext_workspacecollaboration_chat_MessageList_systemMessage {
    display: none;
}

.aw_ext_workspacecollaboration_chat_MessageList_currentUserMessage .aw_workspacecollaboration_annotation_Text {
    color: #000000;
    font-weight: bold;
}

.aw_ext_workspacecollaboration_chat_MessageList_otherUserMessage .aw_workspacecollaboration_annotation_Text {
    color: #35A7E5;
    font-weight: bold;
}

.aw_ext_workspacecollaboration_chat_ChatWidget_disconnectedWarning {
    display: none;
    background: rgba(255, 0, 0, 0.6);
    color: white;
    width: 100%;
    position: absolute;
    bottom: 50px;
    padding: 2px;
    z-index: 1000;
    border-radius: 0 0 5px 5px;
}

.aw_ext_workspacecollaboration_chat_ChatWidget_disconnected .aw_ext_workspacecollaboration_chat_ChatWidget_disconnectedWarning {
    display: block;
}

.aw_ext_workspacecollaboration_chat_ChatWidget_showMoreButtonContainer {
    text-align: center;
    background-color: #FBFBFB;
    padding: 5px;
}

.aw_ext_workspacecollaboration_chat_ChatWidget_showMoreButton {
    float: none;
}

.aw_ext_workspacecollaboration_chat_MessageList_message {
    position: relative;
}

.aw_ext_workspacecollaboration_chat_MessageList_userAvatar {
    position: absolute;
    top: 10px;
}

.aw_ext_workspacecollaboration_chat_MessageList_currentUserMessage .aw_ext_workspacecollaboration_chat_MessageList_userAvatar {
    right: 0;
}

.aw_ext_workspacecollaboration_chat_MessageList_otherUserMessage .aw_ext_workspacecollaboration_chat_MessageList_userAvatar {
    left: 0;
}

.aw_ext_workspacecollaboration_chat_MessageList_currentUserMessage {
    padding-right: 43px;
}

.aw_ext_workspacecollaboration_chat_MessageList_otherUserMessage {
    padding-left: 43px;
}

.aw_ext_workspacecollaboration_chat_UserList_container {
    padding-right: 50px;
    text-align: center;
    position: relative;
    top: 3px;
}

.aw_ext_workspacecollaboration_chat_UserList_innerContainer {
    overflow: hidden;
    height: 25px;
    text-align: left;
}

.aw_ext_workspacecollaboration_chat_UserList_showMoreUsersButton {
    width: 35px;
    height: 8px;
    background: #BEBEBE;
    color: #969696;
    line-height: 0.2;
    text-align: center;
    cursor: pointer;
    display: none;
    border-radius: 5px;
    font-weight: bold;
    position: relative;
    top: 0;
}

.aw_ext_workspacecollaboration_chat_UserList_showLongList > .aw_ext_workspacecollaboration_chat_UserList_container {
    overflow: visible;
    position: absolute;
    padding-bottom: 5px;
    background: #E5E5E5;
    width: 100%;
}

.aw_ext_workspacecollaboration_chat_UserList_showLongList .aw_ext_workspacecollaboration_chat_UserList_innerContainer {
    overflow: auto;
    height: auto;
    max-height: 150px;
}

.aw_ext_workspacecollaboration_chat_UserList_longList .aw_ext_workspacecollaboration_chat_UserList_showMoreUsersButton {
    display: inline-block;
}

.aw_ext_workspacecollaboration_chat_ChatWidget_isAddingUser .aw_ext_workspacecollaboration_chat_UserList_showMoreUsersButton {
    display: none;
}

.aw_ext_workspacecollaboration_chat_UserList_noOnlineUsers {
    display: none;
    padding: 8px 50px 0 5px;
}

.aw_ext_workspacecollaboration_chat_ChatWidget_addUsersDisabled .aw_ext_workspacecollaboration_chat_UserList_container,
.aw_ext_workspacecollaboration_chat_ChatWidget_disabled .aw_ext_workspacecollaboration_chat_UserList_container,
.aw_ext_workspacecollaboration_chat_ChatWidget_disabled .aw_ext_workspacecollaboration_chat_UserList_usersCount,
.aw_ext_workspacecollaboration_chat_ChatWidget_addUsersDisabled .aw_ext_workspacecollaboration_chat_UserList_usersCount {
    padding-right: 0;
}

.aw_ext_workspacecollaboration_chat_userAddPanel .aw_ext_workspacecollaboration_annotation_traits_UserTrait_suggestionsElementAvatar img {
    width: 32px;
}

/* -- /resource/classpath/WorkspaceCollaboration/css/Trait.css -- */
.aw_ext_workspacecollaboration_annotation_traits_Trait_suggestionsPopup {
    min-width: 170px;
    position: absolute;
    z-index: 400;
    left: 0;
    outline: none;
}

.aw_ext_workspacecollaboration_annotation_traits_Trait_suggestionsContainer {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #35A7E5;
    border-radius: 4px;
    max-height: 160px;
    overflow-y: auto;
    overflow-x: hidden;
}

.aw_ext_workspacecollaboration_annotation_traits_Trait_listPositionTop >
.aw_ext_workspacecollaboration_annotation_traits_Trait_suggestionsContainer {
    border-radius: 2px;
    border: 1px solid #35A7E5;
}

.aw_ext_workspacecollaboration_annotation_traits_Trait_listPositionTop {
    bottom: 100%;
}

.aw_ext_workspacecollaboration_annotation_traits_UserTrait_suggestionsElementName * {
    font-weight: bold;
    color: #000000;
    white-space: nowrap;
}

/* -- /resource/classpath/WorkspaceCollaboration/css/UserTrait.css -- */
.aw_ext_workspacecollaboration_annotation_traits_UserTrait_suggestionsElement {
	padding: 5px 10px 5px 5px;
	height: 44px;
	cursor: pointer;
}

.aw_ext_workspacecollaboration_annotation_traits_UserTrait_suggestionsElementAvatar {
	position: absolute;
	vertical-align: middle;
	margin-right: 5px;
}

.aw_ext_workspacecollaboration_annotation_traits_UserTrait_suggestionsElementAvatar > img {
    border-radius: 16px;
    width: 32px;
    border: 1px solid #BEBEBE;
}

.aw_ext_workspacecollaboration_annotation_traits_UserTrait_suggestionsElementName {
	position: relative;
	padding-left: 38px;
	margin-right: 30px;
	padding-top: 6px;
}

.aw_ext_workspacecollaboration_annotation_traits_UserTrait_suggestionsElement_selected {
	background: #DBDBDB;
}

.aw_ext_workspacecollaboration_annotation_traits_Trait_suggestionsContainer:hover > .aw_ext_workspacecollaboration_annotation_traits_UserTrait_suggestionsElement {
	background: transparent;
}

.aw_ext_workspacecollaboration_annotation_traits_Trait_suggestionsContainer:hover > .aw_ext_workspacecollaboration_annotation_traits_UserTrait_suggestionsElement:hover {
	background: #DBDBDB;
}

/* -- /resource/classpath/WorkspaceCollaboration/css/MarkupField.css -- */
.aw_ext_workspacecollaboration_annotation_MarkupField {
    position: relative;
    overflow: visible;
}

.aw_ext_workspacecollaboration_annotation_MarkupField,
.aw_ext_workspacecollaboration_annotation_MarkupField * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.aw_ext_workspacecollaboration_annotation_MarkupField_textInputContainer {
    position: relative;
    height: 100%;
}

.aw_ext_workspacecollaboration_annotation_MarkupField_input {
    width: 100%;
    height: 100%;
    margin: 6px 0 6px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    min-height: 33px;
    word-wrap: break-word;
    cursor: text;
    white-space: pre-wrap;
    overflow-y: auto;
    outline: none;
}

.aw_ext_workspacecollaboration_annotation_MarkupField_input:focus {
    border-color: #35A7E5;
}

.aw_ext_workspacecollaboration_annotation_MarkupField_input, .aw_ext_workspacecollaboration_annotation_MarkupField_input * {
    color: #555555;
    font-size: 16px;
}

.aw_ext_workspacecollaboration_annotation_MarkupField_nonEditableTag {
    white-space: nowrap;
    background: transparent;
    border: 0;
    border-radius: 2px;
    display: inline-block;
    padding: 0;
    margin: 0;
    vertical-align: baseline;
    color: #35A7E5;
}

.aw_ext_workspacecollaboration_annotation_MarkupField_nonEditableTag * {
    color: #35A7E5;
}

.aw_form_input_placeholder_inactive {
    color: #A9A9A9;
}

.aw_ext_workspacecollaboration_annotation_AnnotationField_link {
    color: #35A7E5;
}

.aw_ext_workspacecollaboration_annotation_MarkupField_ieTagGuard {
    display: inline-block;
}

.aw_ext_workspacecollaboration_annotation_EditableAnnotationText > .aw_ext_workspacecollaboration_annotation_MarkupField_textInputContainer,
.aw_ext_workspacecollaboration_annotation_EditableAnnotationText_editing > .aw_ext_workspacecollaboration_annotation_EditableAnnotationText_renderedText {
    display: none;
}

.aw_ext_workspacecollaboration_annotation_EditableAnnotationText_editing > .aw_ext_workspacecollaboration_annotation_MarkupField_textInputContainer {
    display: block;
}

/* -- /resource/classpath/WorkspaceCollaboration/css/styled/ChatWidget.css -- */
.awErrorBox_banner, .awChatWidget_disconnectedWarning {
  background-color: rgba(214,30,55,1);
  padding: 2px 8px;
}

.awErrorBox_banner > span, .awChatWidget_disconnectedWarning > span {
  color: rgba(255,255,255,1);
  font-size: 16px;
  line-height: 125%;
}

.awChatWidget {
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
}

.awMessageList_noMessagesAlert {
  display: none;
}

.awChatWidget_header,
.awChatWidget_inputContainer {
  padding: 16px;
}

.awChatWidget_userListWrapper {
  display: flex;
  align-items: center;
}

.awChatWidget_inputContainer,
.awChatWidget_userList_userAddPanel {
  display: flex;
  align-items: flex-end;
  flex-shrink: 0;
}

.awChatWidget_buttonContainer {
  margin-left: 8px;
}

.awChatWidget .awMarkupField {
  width: auto !important; /* Overriding Style BO */
  min-width: 0% !important; /* Override style BO - '%' -> IE11 fix */
  max-width: none !important; /* Overriding Style BO */
  flex-grow: 1;
}

.awChatWidget_disconnectedWarning {
  display: none;
}

.awChatWidget--disconnected .awChatWidget_disconnectedWarning {
  display: block;
}

/* User list area */
.awChatWidget_userList {
  flex-grow: 1;
}

.awChatWidget_userList_element {
  display: inline-flex;
  align-items: baseline;
  margin-right: 16px;
}

.awChatWidget_userList_status {
  flex-shrink: 0;
  display: inline-block;
  margin-right: 4px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

.awChatWidget_userList_status--pending > .awChatWidget_userList_status {
  background-color: rgba(255,170,0,1);
}

.awChatWidget_userList_status--online > .awChatWidget_userList_status {
  background-color: rgba(32,135,43,1);
}

.awChatWidget_userList_innerContainer {
  overflow: hidden; /* Needed when the list of users is too long */
  align-self: flex-start;
}

.awChatWidget_userList_showLongList .awChatWidget_userList_innerContainer {
  height: auto !important; /* Overriding computed height to hide long user list */
}

.awChatWidget_userList_showMoreUsersButton,
.awChatWidget--isAddingUser {
  display: none;
}

.awChatWidget_userList_showLongList .awChatWidget_userList_element {
  margin-bottom: 8px;
}

.awChatWidget_userList_longList .awChatWidget_userList_showMoreUsersButton {
  display: inline-block;
}

/** Disabled **/
.awChatWidget--disabled .awChatWidget_inputContainer {
  display: none;
}

/* -- /resource/classpath/WorkspaceCollaboration/css/styled/Trait.css -- */
.awTrait_suggestionsPopup {
  margin: 32px 0;
}

.awTrait_suggestionsPopup.awPopup--above {
  margin-bottom: 0;
}

.awTrait_suggestionsPopup.awPopup--below {
  margin-top: 0;
}

/* -- /resource/classpath/WorkspaceCollaboration/css/styled/UserTrait.css -- */
.awUserTrait_suggestionsElement .awUserProfiles_userFullName {
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  text-decoration: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
}

.awErrorBox_banner {
  background-color: rgba(214,30,55,1);
  padding: 2px 8px;
}

.awErrorBox_banner > span {
  color: rgba(255,255,255,1);
  font-size: 16px;
  line-height: 125%;
}

.awUserTrait_suggestionsElement {
  display: flex;
  align-items: center;
}

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

.awUserTrait_avatarContainer > .awUserProfiles_userAvatar {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  margin-right: 8px;
}

/* -- /resource/classpath/WorkspaceCollaboration/css/styled/MarkupField.css -- */
.awMarkupField_textInputContainer {
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  text-decoration: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
}

.awMarkupField_textInputContainer {
  height: auto;
  min-height: inherit;
  max-height: inherit;
  width: auto;
  min-width: inherit;
  max-width: inherit;
}

.awErrorBox_banner {
  background-color: rgba(214,30,55,1);
  padding: 2px 8px;
}

.awErrorBox_banner > span {
  color: rgba(255,255,255,1);
  font-size: 16px;
  line-height: 125%;
}

.awMarkupField {
  position: relative;
  overflow: visible;
}

.awMarkupField,
.awMarkupField * {
  box-sizing: border-box;
}

.awMarkupField_textInputContainer {
  width: 100%;
  overflow: auto;
}

.awMarkupField_input {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  word-wrap: break-word;
  cursor: text;
  overflow-y: auto;
  outline: none;
  font-size: inherit;
  border-radius: 0;
  box-shadow: none;
  transition: none;
  color: inherit;
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  max-width: none;
  min-width: auto;
}
.awMarkupField_input:focus {
  border: 0;
}
.awMarkupField_input:empty::before {
  content: "";
}

.awMarkupField_input.awTextInput_input {
  white-space: nowrap;
}

.awMarkupField_input.awTextAreaField {
  min-height: inherit;
  white-space: pre-wrap;
}

.awMarkupField_nonEditableTag {
  white-space: nowrap;
  background: transparent;
  border: 0;
  display: inline-block;
  padding: 0;
  margin: 0;
  vertical-align: baseline;
}

.awMarkupField_placeholder_inactive {
  color: rgba(177,175,179,1);
}

.awMarkupField_ieTagGuard {
  display: inline-block;
}

.awEditableAnnotationText > .awMarkupField_textInputContainer,
.awEditableAnnotationText--editing > .awEditableAnnotationText_renderedText {
  display: none;
}

.awEditableAnnotationText_renderedText > .awLabel, .awEditableAnnotationText_renderedText > .awLink {
  max-width: 100%;
}

.awEditableAnnotationText--editing > .awMarkupField_textInputContainer {
  display: block;
}

/* -- /resource/classpath/WorkspaceCollaboration/css/styled/MessageList.css -- */
.awMessageList {
  display: flex;
  flex-direction: column;
  overflow: auto;
  flex-grow: 1;
}

.awMessageList_loadingWheel {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.awMessageList--loading .awMessageList_container {
  visibility: hidden;
  height: 0;
}

.awMessageList_container {
  background-color: currentColor;
  overflow-y: scroll;
  height: 100%;
}

.awMessageList .awUserProfiles_userAvatar--icon {
  background-color: rgba(19,18,20,1);
}

.awMessageList_newMessages {
  border-top: 1px solid rgba(202,200,204,1);
  margin-top: 8px;
  padding-top: 8px;
}

/* -- /resource/classpath/WorkspaceCollaboration/css/styled/MessageBubble.css -- */
.awMessageBubble .awUserProfiles_userFullName {
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  text-decoration: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
}

.awErrorBox_banner {
  background-color: rgba(214,30,55,1);
  padding: 2px 8px;
}

.awErrorBox_banner > span {
  color: rgba(255,255,255,1);
  font-size: 16px;
  line-height: 125%;
}

.awMessageBubble,
.awMessageList_noMessagesAlert {
  box-sizing: border-box;
  padding: 8px 16px;
}

.awMessageBubble {
  display: flex;
}

.awMessageBubble_userAvatar {
  margin-right: 8px;
}

.awMessageBubble_triangle {
  display: inline-block;
  flex-shrink: 0;
  position: relative;
  height: 8px;
  width: 8px;
  box-sizing: border-box;
  top: 16px;
  transform: rotate(45deg);
  right: -4px;
}

.awMessageBubble .awLabel {
  display: inline;
}

.awMessageBubble_messageContent {
  padding: 8px 16px;
  border-radius: 2px;
  word-wrap: break-word;
  white-space: pre-line;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.awMessageBubble_text {
  min-width: 0.1px;
  margin: 4px 0;
}

.awMessageBubble--currentUserMessage {
  justify-content: flex-end;
}

.awMessageBubble--currentUserMessage .awMessageBubble_userAvatar {
  margin-left: 8px;
  order: 2;
}

.awMessageBubble--currentUserMessage .awMessageBubble_triangle {
  right: auto;
  left: -4px;
  order: 1;
}

.awMessageBubble--systemMessage.awMessageBubble {
  display: block;
  padding: 0;
  margin-top: 2px;
}

.awMessageBubble--systemMessage .awMessageBubble_messageContent {
  border-radius: 0;
}

.awMessageBubble--systemMessage .awMessageBubble_userAvatar,
.awMessageBubble--systemMessage .awMessageBubble_triangle {
  display: none;
}

.awChatWidget_hideSystemMessages .awMessageBubble--systemMessage {
  display: none;
}

/* -- /resource/classpath/WorkspaceCollaboration/css/ChatPopup.css -- */
.ChatPopup {
    position: relative;
    width: 32px;
    height: 32px;
    margin: 5px;
}

.ChatPopup, .ChatPopup * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.aw_ext_workspacecollaboration_chat_ChatPopup_activator {
    width: 32px;
    height: 32px;
    position: absolute;
    background-image: url(/appway/resource/classpath/WorkspaceCollaboration/images/chatpopup/32.svg);
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    text-align: center;
    padding-top: 4px;
}

.aw_ext_workspacecollaboration_chat_ChatPopup_activatorText {
    display: none;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 0.7em;
    border-radius: 10px;
    position: relative;
    top: 11px;
    left: 15px;
    background-image: url(/appway/resource/classpath/WorkspaceCollaboration/images/popup_red_circle.png);
    background-size: 19px 19px;
    width: 19px;
    height: 19px;
    text-align: center;
    padding-top: 3px;
}

.aw_ext_workspacecollaboration_chat_ChatPopup_container {
    display: none;
}

.aw_ext_workspacecollaboration_chat_ChatPopup_container > .ChatWidget {
    position: absolute;
    width: 350px;
    height: 400px;
    top: 40px;
    left: -20px;
    border: 1px solid #AAAAAA;
    z-index: 123;
    border-radius: 4px;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.50);
    -moz-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.50);
    box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.50);
    padding: 0;
    margin: 0;
}

.aw_ext_workspacecollaboration_chat_ChatPopup_background {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.aw_ext_workspacecollaboration_chat_ChatPopup_arrowBackground {
    position: absolute;
    top: 31px;
    left: 6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #AAAAAA transparent;
}

.aw_ext_workspacecollaboration_chat_ChatPopup_arrow {
    position: absolute;
    top: 32px;
    left: 6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #E5E5E5 transparent;
    z-index: 200;
}

.aw_ext_workspacecollaboration_chat_ChatPopup_alignTop .aw_ext_workspacecollaboration_chat_ChatPopup_arrow {
    position: absolute;
    top: inherit;
    bottom: 42px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #E5E5E5 transparent transparent transparent;
    z-index: 200;
}

.aw_ext_workspacecollaboration_chat_ChatPopup_alignTop .aw_ext_workspacecollaboration_chat_ChatPopup_arrowBackground {
    position: absolute;
    top: inherit;
    bottom: 41px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #AAAAAA transparent transparent transparent;
    z-index: 200;
}

.aw_ext_workspacecollaboration_chat_ChatPopup_alignLeft .ChatWidget {
    right: -20px;
    left: inherit;
}

.aw_ext_workspacecollaboration_chat_ChatPopup_alignTop .ChatWidget {
    top: inherit;
    bottom: 50px;
}

.aw_ext_workspacecollaboration_chat_ChatPopup_container .aw_ext_workspacecollaboration_chat_UserList,
.aw_ext_workspacecollaboration_chat_ChatPopup_container .aw_ext_workspacecollaboration_chat_userAddPanel,
.aw_ext_workspacecollaboration_chat_ChatPopup_container .aw_ext_workspacecollaboration_chat_UserList_showLongList > .aw_ext_workspacecollaboration_chat_UserList_container {
    border-bottom: 1px solid #BEBEBE;
}

.aw_ext_workspacecollaboration_chat_ChatPopup_container .aw_ext_workspacecollaboration_chat_UserList {
    height: 45px;
}

.aw_ext_workspacecollaboration_chat_ChatPopup_container .aw_ext_workspacecollaboration_chat_MessageList_container {
    border-radius: 0;
    border-bottom: 1px solid #BEBEBE;
}

.aw_ext_workspacecollaboration_chat_ChatPopup_container .aw_ext_workspacecollaboration_chat_ChatWidget_inputContainer {
    padding: 0 5px;
}

.aw_ext_workspacecollaboration_chat_ChatPopup_container .aw_ext_workspacecollaboration_chat_ChatWidget_sendButton {
    right: 7px;
}

.aw_ext_workspacecollaboration_chat_ChatPopup_container .aw_ext_workspacecollaboration_chat_UserList_showMoreUsersButton {
    top: 2px;
}

.aw_ext_workspacecollaboration_chat_ChatWidget_textareaContainer {
    border-top: 1px solid #BEBEBE;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/popup/css/main.css -- */
/***************************
		    POPUP
***************************/
.awPopup {
  box-sizing: border-box;
  position: absolute;
}

.awPopup--withLayout {
  display: flex;
  flex-direction: column;
}

.awPopup--invisible {
  visibility: hidden;
}

.awPopup--hidden {
  display: none;
}

.awPopup-fill-width {
  width: 100%;
}

.awPopup-fill-height {
  height: 100%;
}

.awPopup_header {
  flex-shrink: 0;
  flex-grow: 0;
}

.awPopup_content {
  flex-shrink: 1;
  flex-grow: 1;
  overflow: auto;
}

.awPopup_footer {
  flex-shrink: 0;
  flex-grow: 0;
}

.awPopup > .awPopup_header {
  padding-bottom: 0;
}
.awPopup > .awPopup_content {
  padding-top: 0;
  padding-bottom: 0;
}
.awPopup > .awPopup_footer {
  padding-top: 0;
}

.awWorkspaceCollaborationPopup:not(.awPopup-fullscreen) {
  width: 450px;
  height: 600px;
}

.awWorkspaceCollaborationPopup .awPopup_header {
  display: none;
  align-items: center;
}

.awWorkspaceCollaborationPopup_headerInnerContainer {
  width: 100%;
  text-align: center;
}

.awWorkspaceCollaborationPopup .awPopup_content {
  height: 100%;
}

.awWorkspaceCollaborationPopup.awPopup--above {
  margin-top: 32px;
}

.awWorkspaceCollaborationPopup.awPopup--below {
  margin-bottom: 32px;
}

.awWorkspaceCollaborationPopup_closeTrigger {
  display: none;
}

.awPopup-fullscreen.awWorkspaceCollaborationPopup {
  margin: 0 !important;
}

.awPopup-fullscreen.awWorkspaceCollaborationPopup .awPopup_header {
  display: flex;
}

.awPopup-fullscreen .awWorkspaceCollaborationPopup_closeTrigger {
  display: block;
}

.awFullscreenPopupWithHeader_cancelButton {
  flex-shrink: 1;
}

.awFullscreenPopupWithHeader_titleLabel {
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.awFullscreenPopupWithHeader_confirmButton {
  flex-shrink: 1;
}

.awFullscreenPopup > .awPopup_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}
.awFullscreenPopup > .awPopup_content {
  display: flex;
  flex-direction: column;
}
.awFullscreenPopup > .awPopup_footer {
  display: flex;
  justify-content: center;
  align-content: center;
}

.awPopup--preview {
  display: inline-block;
  width: 150px;
  height: 150px;
  position: static;
}

.awLayoutContainerAsPopup--layouting {
  left: 0 !important;
  right: 0 !important;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/notificationbadge/NotificationBadge.css -- */
.awNotificationBadge {
  display: none;
  border-radius: 4px;
  position: absolute;
  right: -32%;
  bottom: 0;
  padding: 0 16%;
  pointer-events: none;
}

.awNotificationBadge--hasNew {
  align-items: center;
  display: flex;
  justify-content: center;
}

/* -- /resource/classpath/WorkspaceCollaboration/css/styled/ChatPopup.css -- */
.awChatPopup_iconContainer {
  display: inline-block;
  position: relative;
  cursor: pointer;
}

.awChatPopup_icon {
  vertical-align: bottom;
  cursor: pointer;
}

/* -- /resource/classpath/WorkspaceCollaboration/css/styled/DiscussionWidget.css -- */
.awErrorBox_banner, .awDiscussionWidget_disconnectedWarning {
  background-color: rgba(214,30,55,1);
  padding: 2px 8px;
}

.awErrorBox_banner > span, .awDiscussionWidget_disconnectedWarning > span {
  color: rgba(255,255,255,1);
  font-size: 16px;
  line-height: 125%;
}

.awDiscussionWidget {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
  position: relative;
  box-sizing: border-box;
}

.awDiscussionWidget * {
  box-sizing: border-box;
}

.awDiscussionWidget .highlight {
  background-color: rgba(255,170,0,1);
}

.awDiscussionWidget_PostList,
.awDiscussionWidget_header {
  background-color: currentColor;
}

.awDiscussionWidget_PostList {
  text-align: left;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  position: relative;
}

.awDiscussionWidget_header {
  display: flex;
  flex-direction: column;
  padding: 16px;
  width: 100%;
  outline: 0 none;
  overflow: hidden;
  flex-shrink: 0;
}

.awDiscussionWidget_hideSearch .awDiscussionWidget_header {
  display: none;
}

.awDiscussionWidget_searchContainer {
  display: flex;
  flex-flow: row nowrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: stretch;
}

.awDiscussionWidget_resultsBar {
  display: none;
}

.awDiscussionWidget_resultsBarPreamble {
  display: inline-flex !important; /* Hack to wrap an InteractiveElement within a Label */
  flex-wrap: wrap;
  align-items: center;
  margin: 0 4px 0 0 !important; /* Override style BO */
}

.awDiscussionWidget_resultsBarQuery {
  display: inline;
  font-weight: bold !important; /* Override style BO */
  margin: 0 !important; /* Override style BO */
}

/* InteractiveElement to adopt as fill color the color of the Label wrapping it */
.awDiscussionWidget_resultsBarButton {
  color: inherit;
  cursor: pointer;
  margin-right: 4px;
}

.awDiscussionWidget_resultsBarButton .awIcon {
  color: inherit;
}

.awDiscussionWidget_resultsBarButton .awIcon_svg {
  color: inherit;
  fill: currentColor;
}

.awDiscussionWidget_searching .awDiscussionWidget_resultsBar {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-top: 4px;
}

.awDiscussionWidget_loadingWheel {
  position: relative;
  padding: 16px;
  text-align: center;
}

.awDiscussionWidget_PostList_loading > .awDiscussionWidget_PostList_showMoreButtonContainer,
.awDiscussionWidget_PostList_loading > .awDiscussionWidget_PostList_postContainer {
  visibility: hidden;
}

.awDiscussionWidget_postListContainer {
  flex-grow: 1;
  flex-shrink: 1;
  position: relative;
  overflow: hidden;
}

.awDiscussionWidget_searchButton {
  margin-left: 8px;
}

.awDiscussionWidget_searchContainer_input {
  flex-grow: 1;
}

.awDiscussionWidget_PostList_noMessagesAlert {
  display: none;
  padding: 16px;
}

.awDiscussionWidget_PostList_postContainer {
  padding: 16px;
  position: relative;
}

.awDiscussionWidget_PostList_showMoreButtonContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 16px;
}

.awDiscussionWidget_PostList_textContainer {
  margin-top: 4px;
}

.awDiscussionWidget_PostList_text {
  margin: 0;
  white-space: pre-line;
  word-wrap: break-word;
}

.awDiscussionWidget_PostList_post {
  max-width: 100%;
  position: relative;
}

.awDiscussionWidget_PostList_reply {
  padding-top: 16px;
  position: relative;
}

.awDiscussionWidget_PostList_reply > .awDiscussionWidget_PostList_userAvatar {
  top: 16px;
}

.awDiscussionWidget_PostList_userAvatar {
  position: absolute;
  top: 0;
}

.awDiscussionWidget_PostList_userAvatar .awUserProfiles_userAvatar--icon {
  background-color: rgba(19,18,20,1);
}

.awDiscussionWidget_PostList_timestamp {
  margin-top: 4px;
}

.awDiscussionWidget_PostList_content {
  padding-left: calc(58px + 8px);
  margin-bottom: 4px;
  width: 100%;
  position: relative;
}

.awDiscussionWidget_PostList_repliesContainer {
  margin-left: 58px;
}

.awDiscussionWidget_PostList_replyFormContainer {
  padding-left: calc(58px - 8px);
}

.awDiscussionWidget_PostList_editTextArea,
.awDiscussionWidget_PostList_replyForm {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  position: relative;
  overflow: visible;
}

.awDiscussionWidget_PostList_editTextArea .awTextArea,
.awDiscussionWidget_PostList_replyTextArea {
  flex-grow: 1;
  width: auto !important; /* Override style BO */
  min-width: 0% !important; /* Override style BO - '%' -> IE11 fix */
  max-width: none !important; /* Override style BO */
  margin: 8px !important; /* Override style BO */
}

.awDiscussionWidget_PostList_editTextArea .awTextArea {
  margin-left: 0 !important;
}

.awDiscussionWidget_PostList_editTextArea .awButton,
.awDiscussionWidget_PostList_replySubmitButton {
  margin-bottom: 8px;
}

.awDiscussionWidget_PostList_buttonContainer {
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(58px - 8px);
}

.awDiscussionWidget_PostList_replyButton,
.awDiscussionWidget_PostList_editButton,
.awDiscussionWidget_PostList_deleteButton {
  margin-left: 8px;
}

.awDiscussionWidget_disconnectedWarning {
  display: none;
}

.awDiscussionWidget_PostList_disconnected .awDiscussionWidget_disconnectedWarning {
  display: block;
}

/* -- /resource/classpath/WorkspaceCollaboration/css/styled/NewPostField.css -- */
.awNewPostField {
  display: flex;
  position: relative;
  align-items: flex-end;
  box-sizing: border-box;
  max-height: 100%;
  overflow: auto;
}

.awNewPostField .awTextArea {
  flex-grow: 1;
  margin: 0 !important; /* Override style BO */
  width: auto !important; /* Override style BO */
  min-width: 0% !important; /* Override style BO - '%' -> IE11 fix */
  max-width: none !important; /* Override style BO */
  max-height: 100%;
  padding-right: 8px;
  box-sizing: border-box;
}

.awNewPostField_buttonContainer {
  flex-shrink: 0;
  box-sizing: border-box;
  margin-left: auto;
}

.awNewPostField_flags {
  display: none;
}

.awNewPostField_disabledOverlay {
  display: none;
}

.awNewPostField_disabled .awNewPostField_disabledOverlay {
  background-color: transparent;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/css/globalUtils.css -- */
/*	Low-level utilities shared between components.
	Utility rules have a very narrow scope and are usually used frequently, due to their separation
	from the semantics of the document and the theming of a component.
	As a result, once a class is in significant use great care should be taken
	when introducing any modifications to it.
*/
.awUtils_clearfix::after {
  content: "";
  display: table;
  clear: both;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/components/form/Form.css -- */
.aw_ext_components_form_popup {
  background: #FFFFFF;
  box-sizing: border-box;
}

.aw_ext_components_form_dropdown_popup {
  width: 100%;
  position: absolute;
  border: 1px solid #BEBEBE;
  border-radius: 2px;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}

.aw_ext_components_form_dropdown_popup.aw_ext_componentparts_popup_dropdown_showAbove {
  bottom: 0;
  margin-top: 0;
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}

.aw_ext_components_form_fullscreen_popup {
  background: #F7F6F2;
}

/** InfoBox in the header of the fullscreen popup **/
.aw_ext_componentparts_popup_fullscreen_header_title .Infobox {
  width: 100%;
  margin: 0;
}

.aw_ext_componentparts_popup_fullscreen_header_title .Infobox .InfoboxLabel {
  max-width: none;
}

.aw_ext_componentparts_popup_fullscreen_header_title .Infobox > .InfoboxLabel > .InfoBoxPadding {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 0.5em;
}

.aw_form_field {
  display: inline-block;
  min-width: 250px;
  max-width: 500px;
  margin-top: 6px;
  margin-bottom: 6px;
  outline: none;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/components/focus/css/Focuser.css -- */
.aw_ext_components_focus_Focuser {
  position: fixed;
  width: 0;
  height: 0;
  border: 0;
  top: -100px;
  left: -100px;
  background: transparent;
  color: transparent;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/components/overlay/Overlay.css -- */
/**
 * This file contains the z-index of all the generic elements in Appway.
 */
.aw_ext_components_overlay {
  z-index: 100000;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
}

.aw_ext_components_overlay_visibleElement {
  z-index: 100100;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/components/popup/dropdown/css/DropdownDetachedPopup.css -- */
/**
 * This file contains the z-index of all the generic elements in Appway.
 */
.aw_ext_components_popup_dropdowndetached {
  position: absolute;
  z-index: 105000;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/components/popup/dropdown/css/DropdownPopup.css -- */
.aw_ext_componentparts_popup_dropdown {
  display: none;
  position: absolute;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/components/popup/fullscreen/css/FullScreenPopup.css -- */
/**
 * This file contains the z-index of all the generic elements in Appway.
 */
.aw_ext_componentparts_popup_fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 105000;
  background-color: rgba(255,255,255,1);
}

/* -- /resource/classpath/ComponentExtension/aw/ext/components/popup/fullscreen/css/FullScreenPopupHeader.css -- */
.aw_ext_componentparts_popup_fullscreen_header_closeButton {
  width: 2.4em;
  height: 2.4em;
  background: #BEBEBE;
  display: inline-block;
  position: relative;
}

.aw_ext_componentparts_popup_fullscreen_header_closeButton_arrow {
  content: "";
  position: absolute;
  right: 1em;
  top: 0.75em;
  width: 0;
  height: 0;
  border-top: 0.4em solid transparent;
  border-bottom: 0.4em solid transparent;
  border-right: 0.5em solid #525252;
}

.aw_ext_componentparts_popup_fullscreen_header_title {
  display: inline-block;
  position: absolute;
  top: 0;
  width: calc(100% - 2.4em);
  height: 2.4em;
  padding-top: 0.2em;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/components/popup/fullscreen/css/FullScreenPopupFooter.css -- */
.aw_ext_componentparts_popup_fullscreen_footer {
  border-top: 1px solid #DDDDDD;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-shrink: 0;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/components/popup/fullscreen/css/FullScreenPopupWithHeader.css -- */

/* -- /resource/classpath/ComponentExtension/aw/ext/components/popup/header/css/PopupHeaderTwoButtons.css -- */
.aw_ext_components_popup_header_popupheadertwobuttons_cancelButton,
.aw_ext_components_popup_header_popupheadertwobuttons_confirmButton, .aw_ext_components_popup_header_popupheadertwobuttons_title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.aw_ext_components_popup_header_popupheadertwobuttons {
  background: #FFFFFF;
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #DDDDDD;
}

.aw_ext_components_popup_header_popupheadertwobuttons_title {
  color: #21282E;
  font-size: 20px;
  font-weight: 300;
  min-width: 50px;
  text-align: center;
}

.aw_ext_components_popup_header_popupheadertwobuttons_cancelButton,
.aw_ext_components_popup_header_popupheadertwobuttons_confirmButton {
  cursor: pointer;
  min-width: 50px;
}

.aw_ext_components_popup_header_popupheadertwobuttons_confirmButton {
  color: #007ACC;
  font-weight: 600;
  text-align: right;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/components/scrollablearea/ScrollableArea.css -- */
.aw_ext_components_scrollablearea {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.aw_ext_components_scrollablearea_horizontal {
  overflow-y: hidden;
}

.aw_ext_components_scrollablearea_vertical {
  overflow-x: hidden;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/overlay/css/main.css -- */
/***************************
		OVERLAY
***************************/
.awOverlayContainer {
  z-index: 50000;
  pointer-events: none;
}

.awOverlayContainer--empty {
  display: none;
}

.awOverlayContainer,
.awPopupOverlay,
.awComponentOverlayContainer,
.awNotificationOverlayContainer,
.awModalOverlayContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.awPopupOverlay {
  box-sizing: border-box;
}

.awOverlayContainer--fixed {
  position: fixed;
}

.awComponentOverlay {
  pointer-events: auto;
}

.awComponentOverlay.awComponentOverlay--holed {
  pointer-events: none;
  background-color: transparent;
}

.awPopupOverlayMask {
  width: 100%;
  height: 100%;
  position: absolute;
}

.awPopupOverlayHole {
  fill: transparent;
  pointer-events: auto;
}

.awComponentOverlay.awComponentOverlay--holed > *:not(.awPopupOverlayMask) {
  pointer-events: auto;
}

.awModalOverlay {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  pointer-events: auto;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 32px;
}

/****************** Mobile *********************/
.awModalOverlay--mobile {
  align-items: stretch;
  justify-content: center;
  padding: 0 16px;
}

.awNotificationOverlay {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/interactiveelement/css/main.css -- */
/***************************
InteractiveElement
Style applied to the InteractiveElement, no matter which styleBO is selected
***************************/
.awInteractiveElement,
.awInteractiveElement .awIcon {
  font-size: inherit;
}

.awInteractiveElement {
  box-sizing: border-box;
}

.awInteractiveElement:empty {
  display: none;
}

.awInteractiveElement .awIcon {
  display: block;
  width: 1em;
  height: 1em;
}

/* -- /lib/colorpicker/css/colorpicker.css -- */
.colorpickerpopup {
  border: 1px solid #BEBEBE;
}

input.ColorPicker.aw_ext_colorpicker_ActiveField {
  border-color: #35A7E5;
}

.aw_ext_colorpicker_PreviewSquare {
  width: 25px;
  height: 25px;
}

.aw_ext_colorpicker_OkayButton {
  position: absolute;
  right: 14px;
  bottom: 6px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 2px;
  border: none;
  color: white;
  background-color: #5B5B5B;
}

.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(/appway/lib/colorpicker/images/appway_background.png);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
}

.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #FF0000;
  overflow: hidden;
  cursor: crosshair;
}

.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(/appway/lib/colorpicker/images/colorpicker_overlay.png);
}

.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(/appway/lib/colorpicker/images/colorpicker_select.gif);
  margin: -5px 0 0 -5px;
}

.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}

.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(/appway/lib/colorpicker/images/custom_indic.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;
}

.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #FF0000;
}

.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #FF0000;
}

.colorpicker input {
  background-color: white;
  position: absolute;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  top: 2px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0;
  width: 30px;
  line-height: 10px;
  color: #000000;
}

.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(/appway/lib/colorpicker/images/custom_hex.png) top;
  left: 212px;
  top: 142px;
}

.colorpicker_hex input {
  right: 6px;
  width: 48px;
}

.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
  border-radius: 2px;
  background-color: #DCDCDC;
}

.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}

.colorpicker_rgb_r {
  background-image: url(/appway/lib/colorpicker/images/custom_rgb_r.png);
  top: 52px;
  left: 212px;
}

.colorpicker_rgb_g {
  background-image: url(/appway/lib/colorpicker/images/custom_rgb_g.png);
  top: 82px;
  left: 212px;
}

.colorpicker_rgb_b {
  background-image: url(/appway/lib/colorpicker/images/custom_rgb_b.png);
  top: 112px;
  left: 212px;
}

.colorpicker_hsb_h {
  background-image: url(/appway/lib/colorpicker/images/custom_hsb_h.png);
  top: 52px;
  left: 282px;
}

.colorpicker_hsb_s {
  background-image: url(/appway/lib/colorpicker/images/custom_hsb_s.png);
  top: 82px;
  left: 282px;
}

.colorpicker_hsb_b {
  background-image: url(/appway/lib/colorpicker/images/custom_hsb_b.png);
  top: 112px;
  left: 282px;
}

.colorpicker_submit {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(/appway/lib/colorpicker/images/custom_submit.png) top;
  left: 322px;
  top: 142px;
  overflow: hidden;
}

.colorpicker_focus {
  background-position: center;
}

.colorpicker_hex.colorpicker_focus {
  background-position: bottom;
}

.colorpicker_submit.colorpicker_focus {
  background-position: bottom;
}

.colorpicker_slider {
  background-position: bottom;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/componentextension/throbber/css/main.css -- */
/***************************
THROBBER
***************************/
.AppwayAjaxThrobberOverlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 888888888;
}

.AppwayAjaxThrobberOverlayAutoLayout {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 888888888;
  opacity: 0.5;
}

.AppwayAjaxThrobberWindow {
  position: fixed;
  top: 50%;
  left: 50%;
  background-color: white;
  z-index: 888888889;
  -webkit-box-shadow: 0px 6px 19px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 6px 19px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 6px 19px rgba(0, 0, 0, 0.45);
}

.AppwayAjaxThrobberWindowAutoLayout {
  position: fixed;
  top: 50%;
  left: 50%;
  background-color: black;
  z-index: 888888889;
  color: white;
}

.AppwayAjaxThrobberWindowAutoLayout * {
  color: white;
}

.AppwayAjaxThrobberKeyboardFocusThief {
  position: absolute;
  left: -100px;
  top: -100px;
  width: 10px;
  height: 10px;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/componentextension/adaptiveflowlayout/adaptiveflowlayout_v3.css -- */
.AdaptiveFlowLayoutContainer img.SpaceImage {
  display: none !important;
}

.AdaptiveFlowLayoutContainer textarea {
  resize: none;
}

/* Hide the AFL while preparing its layout to prevent flickering; altering opacity instead of visibility prevents affecting children relying on the position of a reference element (e.g. Popup) */
.AdaptiveFlowLayoutContainer.AdaptiveFlowLayoutContainer--prelayout {
  opacity: 0;
}

.AdaptiveFlowLayoutContainer:not(.deactivateAdaptiveBehaviour),
.AdaptiveFlowLayoutContainer:not(.deactivateAdaptiveBehaviour) .AdaptiveFlowLayoutGroup,
.AdaptiveFlowLayoutContainer:not(.deactivateAdaptiveBehaviour) .awAdaptiveFlowLayoutGroup {
  display: flex;
  flex-wrap: wrap;
}

.AdaptiveFlowLayoutContainer .AdaptiveFlowLayoutElement {
  margin: 0;
  padding: 0;
}

.AdaptiveFlowLayoutContainer .AdaptiveFlowLayoutContainer,
.AdaptiveFlowLayoutContainer .AdaptiveFlowLayoutFullWidthElement,
.AdaptiveFlowLayoutContainer .AdaptiveFlowLayoutGroup,
.AdaptiveFlowLayoutContainer .awAdaptiveFlowLayoutGroup,
.AdaptiveFlowLayoutContainer .AdaptiveFlowLayoutGroupLayoutTitle,
.AdaptiveFlowLayoutContainer .awAdaptiveFlowLayoutGroup_topContainer,
.AdaptiveFlowLayoutContainer .awValidationGroup,
.AdaptiveFlowLayoutContainer > :not(.AdaptiveFlowLayoutElement),
.AdaptiveFlowLayoutGroup > :not(.AdaptiveFlowLayoutElement),
.awAdaptiveFlowLayoutGroup > :not(.AdaptiveFlowLayoutElement) {
  width: 100%;
}

.AdaptiveFlowLayoutContainer .AdaptiveFlowLayoutGroup.AdaptiveFlowLayoutGroupLayout {
  position: relative;
}

.AdaptiveFlowLayoutContainer .AdaptiveFlowLayoutGroup.AdaptiveFlowLayoutGroupLayout:first-child {
  padding-top: 0px;
}

.AdaptiveFlowLayoutContainer .AdaptiveFlowLayoutGroup.AdaptiveFlowLayoutGroupLayout h3 span.awGroupComponentValidationErrorMessage {
  float: right;
  clear: both;
  font-size: 14px;
  padding-left: 10px;
  color: #EE443E;
  background-color: #F7F6F2;
}

div.clear {
  clear: both;
}

/* adaptive flow layout group header */
.AdaptiveFlowLayoutGroupLayoutTitle {
  background-image: url(/appway/resource/classpath/ComponentExtension/aw/ext/componentextension/adaptiveflowlayout/adaptive_flow_group_header_divider.png);
  background-repeat: repeat-x;
  /*margin-right:0;*/
  background-position: 0 -10px;
  min-height: 20px;
}

.AdaptiveFlowLayoutGroupLayout .AdaptiveFlowLayoutGroupLayout .AdaptiveFlowLayoutGroupLayoutTitle span.aw_flowlayout_HeaderText {
  font-weight: 700;
  font-size: 17px;
  line-height: 17px;
}

.AdaptiveFlowLayoutGroupLayout.awGroupComponentValidationError .AdaptiveFlowLayoutGroupLayoutTitle span.aw_flowlayout_HeaderText {
  color: #EE443E;
}

.AdaptiveFlowLayoutGroupLayoutTitle span.aw_flowlayout_HeaderText {
  background-color: #F7F6F2;
  padding-right: 10px;
  color: #000000;
  display: inline-block;
}

.AdaptiveFlowLayoutGroupLayoutTitle .AdaptiveFlowLayoutGroupHeader {
  background-color: #F7F6F2;
  float: right;
  clear: right;
}

.AdaptiveFlowLayoutGroupLayoutTitle .AdaptiveFlowLayoutGroupHeader button:not(.awButton),
.AdaptiveFlowLayoutGroupLayoutTitle .AdaptiveFlowLayoutGroupHeader .Button.WorkspaceIcon.aw_button_Borderless {
  background-color: #F7F6F2;
  padding-left: 10px;
  margin-right: 0;
  margin-top: -4px;
}

.AdaptiveFlowLayoutGroupLayoutTitle .AdaptiveFlowLayoutGroupHeader button,
.AdaptiveFlowLayoutGroupLayoutTitle .AdaptiveFlowLayoutGroupHeader .Button.WorkspaceIcon.aw_button_Borderless {
  float: right;
  clear: none;
}

.AdaptiveFlowLayoutGroupLayoutTitle .AdaptiveFlowLayoutGroupHeader button:not(.awButton) img.awButtonIcon,
.AdaptiveFlowLayoutGroupLayoutTitle .AdaptiveFlowLayoutGroupHeader .Button.WorkspaceIcon.aw_button_Borderless img.awButtonIcon {
  left: 10px;
}

.AdaptiveFlowLayoutGroupLayoutTitle .AdaptiveFlowLayoutGroupHeader span.Label {
  float: right;
  clear: right;
}

/*****
 * WE MANIPULATE THE CSS OF THE INFO BOX AND THE CHILDREN OF THE INFBOX!!!
 *****/
/* Make sure a styled info box uses the same spacing as a legacy styled info box. */
.AdaptiveFlowLayoutElement > .awInfobox,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox {
  padding: 0;
  margin: 0 20px 10px 35px;
}

@media screen and (max-width: 1024px) {
  .AdaptiveFlowLayoutElement > .awInfobox,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox {
    padding: 0;
    margin-left: 15px;
  }
}
/* Make sure the header element of a styled info box looks the same as the legacy styled info box. */
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_header,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox > .awInfobox_header {
  margin: 0;
  padding: 0;
  max-width: 500px;
}

/* Make sure the header element of a styled info box when the field is full width looks the same as the legacy styled info box. */
.AdaptiveFlowLayoutFullWidthElement > .awInfobox > .awInfobox_header,
.AdaptiveFlowLayoutElement > .awInfobox.AdaptiveFlowLayoutSmall > .awInfobox_header {
  padding-top: 6px;
  padding-bottom: 6px;
}

/* Make sure the label of a styled info box looks the same as the legacy styled info box. */
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_header .awLabel,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox > .awInfobox_header .awLabel {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: 16px;
}

/* Make sure the content element of a styled info box uses the same spacing as a legacy styled info box. */
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_content,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox > .awInfobox_content {
  padding: 0 30px 0 0;
  margin: 0;
}

.AdaptiveFlowLayoutContainer .awInfobox.AdaptiveFlowLayoutLarge .awInfobox_header .awInfobox_mandatory,
.AdaptiveFlowLayoutContainer .awInfobox.AdaptiveFlowLayoutLarge .awInfobox_header .awLabel {
  display: inline-block;
  padding-bottom: 0;
}

.AdaptiveFlowLayoutContainer .awInfobox.AdaptiveFlowLayoutLarge .awInfobox_header .awInfobox_mandatory {
  padding-right: 0;
}

.AdaptiveFlowLayoutContainer .awInfobox.AdaptiveFlowLayoutLarge .awInfobox_header .awInfobox_headerContent {
  align-items: flex-start;
}

.AdaptiveFlowLayoutContainer .awInfobox.AdaptiveFlowLayoutLarge .awInfobox_header .awLabel {
  flex-grow: 1;
  word-wrap: break-word;
  min-width: 0.1px;
  padding-left: 14px;
}

.AdaptiveFlowLayoutContainer .awInfobox.AdaptiveFlowLayoutLarge .awInfobox_header .awInfobox_headerInnerWrapper {
  display: table-cell;
  vertical-align: middle;
  padding-right: 5px;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: inherit;
  white-space: inherit;
}

.AdaptiveFlowLayoutContainer .awInfobox.AdaptiveFlowLayoutLarge .awInfobox_header .awInfobox_mandatory + .awLabel {
  padding-left: 0;
}

/*****
 * What follows are styles that manipulate the info box for when the AFL is in AdaptiveFlowLayoutLarge mode.
 * AdaptiveFlowLayoutLarge means that the labels are display to the side of the input field instead of on top.
 *****/
.AdaptiveFlowLayoutContainer .Infobox.AdaptiveFlowLayoutLarge .InfoboxLabel .InfoBoxPadding,
.AdaptiveFlowLayoutContainer .Infobox.AdaptiveFlowLayoutLarge.awInfoboxMandatory.aw_infobox_childHasValidationError .InfoboxLabel .InfoBoxPadding {
  background-image: none;
}

.AdaptiveFlowLayoutContainer .awInfobox.AdaptiveFlowLayoutLarge .awInfobox_header,
.AdaptiveFlowLayoutContainer .Infobox.AdaptiveFlowLayoutLarge .InfoboxLabel {
  float: left;
  width: 30%;
  white-space: normal;
  margin: 0;
  padding: 0;
  display: table;
  table-layout: fixed;
  height: 40px;
}

.AdaptiveFlowLayoutContainer .awInfobox.AdaptiveFlowLayoutLarge .awInfobox_header .awInfobox_mandatory,
.AdaptiveFlowLayoutContainer .awInfobox.AdaptiveFlowLayoutLarge .awInfobox_header .awLabel,
.AdaptiveFlowLayoutContainer .Infobox.AdaptiveFlowLayoutLarge .InfoboxLabel .InfoBoxPadding {
  vertical-align: middle;
  padding-bottom: 11px;
  line-height: 16px;
}

.AdaptiveFlowLayoutContainer .Infobox.AdaptiveFlowLayoutLarge .InfoboxLabel .InfoBoxPadding {
  display: table-cell;
}

.AdaptiveFlowLayoutContainer .awInfobox.AdaptiveFlowLayoutLarge .awInfobox_header .awInfobox_mandatory {
  box-sizing: content-box;
  padding-right: 3px;
}

.AdaptiveFlowLayoutContainer .Infobox.AdaptiveFlowLayoutLarge.awInfoboxMandatory .InfoboxLabel .InfoBoxPadding:before {
  float: left;
  position: relative;
  padding-right: 4px;
  margin-left: -14px;
  background: url(/appway/img/workspace/infobox/tag_grey.png) no-repeat;
  content: "";
  width: 10px;
  height: 8px;
  top: 4px;
}

.AdaptiveFlowLayoutContainer .Infobox.AdaptiveFlowLayoutLarge.awInfoboxMandatory.aw_infobox_childHasValidationError .InfoboxLabel .InfoBoxPadding:before {
  background: url(/appway/img/workspace/infobox/tag_red.png) no-repeat;
}

.AdaptiveFlowLayoutContainer .awInfobox.AdaptiveFlowLayoutLarge .awInfobox_content,
.AdaptiveFlowLayoutContainer .Infobox.AdaptiveFlowLayoutLarge .aw_InfoBoxV2Content {
  float: right;
  width: 65%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.AdaptiveFlowLayoutContainer .awInfobox.AdaptiveFlowLayoutLarge .awInfobox_content {
  padding: 0 30px 0 0;
}

/* While the AFL is performing layout operations, prevent Infobox label and content (floating elements) from wrapping */
.AdaptiveFlowLayoutContainer--prelayout .Infobox.AdaptiveFlowLayoutLarge,
.AdaptiveFlowLayoutContainer--prelayout .awInfobox.AdaptiveFlowLayoutLarge {
  display: flex;
}

/*****
 * The following rules are here to make components used in conjunction with
 * Adaptive Flow Layouts and Infoboxes behave and look the same regardless
 * if legacy styles or Style Business Objects are applied.
 *****/
/*****
 * The manipulation of the Text Field screen component.
 *****/
/* A legacy styled Text Field in a legacy styled Infobox */
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .TextField,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .TextField {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A legacy styled Text Field in a bo styled Infobox */
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .TextField,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .TextField {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A bo styled Text Field in a legacy styled Infobox */
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awTextField,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awTextField {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A bo styled Text Field in a bo styled Infobox */
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .awTextField,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .awTextField {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/*****
 * The manipulation of the Password Field screen component.
 *****/
/* A legacy styled Password Field in a legacy styled Infobox */
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .PasswordField,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .PasswordField {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A legacy styled Password Field in a bo styled Infobox */
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .PasswordField,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .PasswordField {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A bo styled Password Field in a legacy styled Infobox */
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awPasswordField,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awPasswordField {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A bo styled Password Field in a bo styled Infobox */
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .awPasswordField,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .awPasswordField {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/*****
 * The manipulation of the Text Area screen component.
 *****/
/* A legacy styled Text Area in a legacy styled Infobox */
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .TextArea,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .TextArea {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A legacy styled Text Area in a bo styled Infobox */
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .TextArea,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .TextArea {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A bo styled Text Area in a legacy styled Infobox */
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awTextArea,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awTextArea {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A bo styled Text Area in a bo styled Infobox */
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .awTextArea,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .awTextArea {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/*****
 * The manipulation of the Date Picker screen component.
 *****/
/* A legacy styled Date Picker in a legacy styled Infobox */
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .aw_ext_componentextension_datepicker2_DatePicker,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .aw_ext_componentextension_datepicker2_DatePicker {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A legacy styled Date Picker in a bo styled Infobox */
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .aw_ext_componentextension_datepicker2_DatePicker,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .aw_ext_componentextension_datepicker2_DatePicker {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A bo styled Date Picker in a legacy styled Infobox */
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awDatePicker,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awDatePicker {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A bo styled Date Picker in a bo styled Infobox */
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .awDatePicker,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .awDatePicker {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/*****
 * The manipulation of the Date Picker [Legacy] screen component.
 *****/
/* A legacy styled Date Picker [Legacy] in a legacy styled Infobox */
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .DatePicker,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .DatePicker {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A legacy styled Date Picker [Legacy] in a bo styled Infobox */
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .DatePicker,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .DatePicker {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/*****
 * The manipulation of the Dropdown List screen component.
 *****/
/* A legacy styled Dropdown List in a legacy styled Infobox */
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .aw_ext_componentextension_dropdownlist2_DropdownList,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .aw_ext_componentextension_dropdownlist2_DropdownList {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A legacy styled Dropdown List in a bo styled Infobox */
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .aw_ext_componentextension_dropdownlist2_DropdownList,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .aw_ext_componentextension_dropdownlist2_DropdownList {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A bo styled Dropdown List in a legacy styled Infobox */
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awDropdownList,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awDropdownList {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A bo styled Dropdown List in a bo styled Infobox */
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .awDropdownList,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .awDropdownList {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/*****
 * The manipulation of the Dropdown List [Legacy] screen component.
 *****/
/* A legacy styled Dropdown List [Legacy] in a legacy styled Infobox */
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .DropdownList,
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .select2-container.DropdownList.discreteComponent.awDisplayComponent,
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .select2-container.DropdownList.discreteComponent.aw_display_component,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .DropdownList,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .select2-container.DropdownList.discreteComponent.awDisplayComponent,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .select2-container.DropdownList.discreteComponent.aw_display_component {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A legacy styled Dropdown List [Legacy] in a bo styled Infobox */
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .DropdownList,
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .select2-container.DropdownList.discreteComponent.awDisplayComponent,
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .select2-container.DropdownList.discreteComponent.aw_display_component,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .DropdownList,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .select2-container.DropdownList.discreteComponent.awDisplayComponent,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .select2-container.DropdownList.discreteComponent.aw_display_component {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/*****
 * The manipulation of the Text Field With Suggestions screen component.
 *****/
/* A legacy styled Text Field With Suggestions in a legacy styled Infobox */
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .SuggestTextField,
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .SuggestTextField > input,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .SuggestTextField,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .SuggestTextField > input {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A legacy styled Text Field With Suggestions in a bo styled Infobox */
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .SuggestTextField,
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .SuggestTextField > input,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .SuggestTextField,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .SuggestTextField > input {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/*****
 * The manipulation of the Text Field With Rich HTML Suggestions screen component.
 *****/
/* A legacy styled Text Field With Rich HTML Suggestions in a legacy styled Infobox */
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .RichSuggestTextField,
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .RichSuggestTextField > .richhtmlsuggestionfield_input_container,
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .RichSuggestTextField > .richhtmlsuggestionfield_input_container > input,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .RichSuggestTextField,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .RichSuggestTextField > .richhtmlsuggestionfield_input_container,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .RichSuggestTextField > .richhtmlsuggestionfield_input_container > input {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A legacy styled Text Field With Rich HTML Suggestions in a bo styled Infobox */
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .RichSuggestTextField,
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .RichSuggestTextField > .richhtmlsuggestionfield_input_container,
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .RichSuggestTextField > .richhtmlsuggestionfield_input_container > input,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .RichSuggestTextField,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .RichSuggestTextField > .richhtmlsuggestionfield_input_container,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .RichSuggestTextField > .richhtmlsuggestionfield_input_container > input {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/*****
 * The manipulation of the Checkbox screen component.
 *****/
/* A legacy styled Checkbox in a legacy styled Infobox */
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .Checkbox,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .Checkbox {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A legacy styled Checkbox in a bo styled Infobox */
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .Checkbox,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .Checkbox {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A bo styled Checkbox in a legacy styled Infobox */
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awCheckbox,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awCheckbox {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A bo styled Checkbox in a bo styled Infobox */
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .awCheckbox,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .awCheckbox {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/*****
 * The manipulation of the Checkbox List screen component.
 *****/
/* A legacy styled Checkbox List in a legacy styled Infobox */
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .CheckboxList,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .CheckboxList {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A legacy styled Checkbox List in a bo styled Infobox */
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .CheckboxList,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .CheckboxList {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A bo styled Checkbox List in a legacy styled Infobox */
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awCheckboxList,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awCheckboxList {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A bo styled Checkbox List in a bo styled Infobox */
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .awCheckboxList,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .awCheckboxList {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/*****
 * The manipulation of the Radiobutton screen component.
 *****/
/* A legacy styled Radiobutton in a legacy styled Infobox */
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .Radiobutton,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .Radiobutton {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A legacy styled Radiobutton in a bo styled Infobox */
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .Radiobutton,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .Radiobutton {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A bo styled Radiobutton in a legacy styled Infobox */
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awRadiobutton,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awRadiobutton {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A bo styled Radiobutton in a bo styled Infobox */
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .awRadiobutton,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .awRadiobutton {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/*****
 * The manipulation of the Radiobutton List screen component.
 *****/
/* A legacy styled Radiobutton List in a legacy styled Infobox */
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .RadiobuttonList,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .RadiobuttonList {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A legacy styled Radiobutton List in a bo styled Infobox */
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .RadiobuttonList,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .RadiobuttonList {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A bo styled Radiobutton List in a legacy styled Infobox */
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awRadiobuttonList,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awRadiobuttonList {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A bo styled Radiobutton List in a bo styled Infobox */
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .awRadiobuttonList,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .awRadiobuttonList {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/*****
 * The manipulation of the Number Picker screen component.
 *****/
/* A legacy styled Number Picker in a legacy styled Infobox */
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .NumberPicker,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .NumberPicker {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A legacy styled Number Picker in a bo styled Infobox */
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .NumberPicker,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .NumberPicker {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/*****
 * The manipulation of the Slider screen component.
 *****/
/* A legacy styled Slider in a legacy styled Infobox */
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .Slider,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .Slider {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A legacy styled Slider in a bo styled Infobox */
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .Slider,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .Slider {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/*****
 * The manipulation of the Text screen component.
 *****/
/* A legacy styled Text Field in a legacy styled Infobox */
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding > .Label {
  margin-top: 6px;
}

/* A legacy styled Text Field in a bo styled Infobox */
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content > .Label {
  margin-top: 5px;
}

/* A bo styled Text Field in a legacy styled Infobox */
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding > .awLabel {
  margin-top: 8px;
}

/* A bo styled Text Field in a bo styled Infobox */
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content > .awLabel {
  margin-top: 5px;
}

/*****
 * The manipulation of the Link screen component.
 *****/
/* A legacy styled Text Field in a legacy styled Infobox */
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding > .Link {
  margin-top: 6px;
}

/* A legacy styled Text Field in a bo styled Infobox */
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content > .Link {
  margin-top: 5px;
}

/* A bo styled Text Field in a legacy styled Infobox */
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding > .awLink > .awLabel {
  margin-top: 8px;
}

/* A bo styled Text Field in a bo styled Infobox */
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content > .awLink > .awLabel {
  margin-top: 5px;
}

/*****
 * The manipulation of the Search Field screen component.
 *****/
/* A bo styled Search Field in a legacy styled Infobox */
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awSearchField,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awSearchField {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A bo styled Search Field in a bo styled Infobox */
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .awSearchField,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .awSearchField {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/*****
 * The manipulation of the Multiple Selection Field screen component.
 *****/
/* A bo styled Multiple Selection  Field in a legacy styled Infobox */
.AdaptiveFlowLayoutElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awMultipleSelectionField,
.AdaptiveFlowLayoutFullWidthElement .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awMultipleSelectionField {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* A bo styled Multiple Selection Field in a bo styled Infobox */
.AdaptiveFlowLayoutElement .awInfobox > .awInfobox_content .awMultipleSelectionField,
.AdaptiveFlowLayoutFullWidthElement .awInfobox > .awInfobox_content .awMultipleSelectionField {
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}

/*****
 * The manipulation of the Text Field screen component.
 *****/
/* A legacy styled Text Field in a legacy styled Infobox */
.AdaptiveFlowLayoutElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .TextField,
.AdaptiveFlowLayoutFullWidthElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .TextField {
  min-width: 100px;
  max-width: none;
  width: 100%;
}

/* A legacy styled Text Field in a bo styled Infobox */
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_content .TextField,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox > .awInfobox_content .TextField {
  min-width: 100px;
  max-width: none;
  width: 100%;
}

/* A bo styled Text Field in a legacy styled Infobox */
.AdaptiveFlowLayoutElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awTextField,
.AdaptiveFlowLayoutFullWidthElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awTextField {
  min-width: 100px;
  max-width: none;
  width: 100%;
}

/* A bo styled Text Field in a bo styled Infobox */
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_content .awTextField,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox > .awInfobox_content .awTextField {
  min-width: 100px;
  max-width: none;
  width: 100%;
}

/*****
 * The manipulation of the Password Field screen component.
 *****/
/* A legacy styled Password Field in a legacy styled Infobox */
.AdaptiveFlowLayoutElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .PasswordField,
.AdaptiveFlowLayoutFullWidthElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .PasswordField {
  min-width: 100px;
  max-width: none;
  width: 100%;
}

/* A legacy styled Password Field in a bo styled Infobox */
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_content .PasswordField,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox > .awInfobox_content .PasswordField {
  min-width: 100px;
  max-width: none;
  width: 100%;
}

/* A bo styled Password Field in a legacy styled Infobox */
.AdaptiveFlowLayoutElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awPasswordField,
.AdaptiveFlowLayoutFullWidthElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awPasswordField {
  min-width: 100px;
  max-width: none;
  width: 100%;
}

/* A bo styled Password Field in a bo styled Infobox */
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_content .awPasswordField,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox > .awInfobox_content .awPasswordField {
  min-width: 100px;
  max-width: none;
  width: 100%;
}

/*****
 * The manipulation of the Text Area screen component.
 *****/
/* A legacy styled Text Area in a legacy styled Infobox */
.AdaptiveFlowLayoutElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .TextArea,
.AdaptiveFlowLayoutFullWidthElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .TextArea {
  min-width: 100px;
  max-width: none;
  width: 100%;
  box-sizing: border-box;
}

/* A legacy styled Text Area in a bo styled Infobox */
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_content .TextArea,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox > .awInfobox_content .TextArea {
  min-width: 100px;
  max-width: none;
  width: 100%;
  box-sizing: border-box;
}

/* A bo styled Text Area in a legacy styled Infobox */
.AdaptiveFlowLayoutElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awTextArea,
.AdaptiveFlowLayoutFullWidthElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awTextArea {
  min-width: 100px;
  max-width: none;
  width: 100%;
  box-sizing: border-box;
}

/* A bo styled Text Area in a bo styled Infobox */
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_content .awTextArea,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox > .awInfobox_content .awTextArea {
  min-width: 100px;
  max-width: none;
  width: 100%;
  box-sizing: border-box;
}

/* When a textarea is shown as text when disabled, reset minimum height */
.AdaptiveFlowLayoutElement > .AdaptiveFlowLayoutLarge span.awTextArea {
  min-height: 0;
}

/*****
 * The manipulation of the Date Picker screen component.
 *****/
/* A legacy styled Date Picker in a legacy styled Infobox */
.AdaptiveFlowLayoutElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .aw_ext_componentextension_datepicker2_DatePicker,
.AdaptiveFlowLayoutFullWidthElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .aw_ext_componentextension_datepicker2_DatePicker {
  min-width: 100px;
  max-width: none;
  width: 100%;
}

/* A legacy styled Date Picker in a bo styled Infobox */
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_content .aw_ext_componentextension_datepicker2_DatePicker,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox > .awInfobox_content .aw_ext_componentextension_datepicker2_DatePicker {
  min-width: 100px;
  max-width: none;
  width: 100%;
}

/* A bo styled Date Picker in a legacy styled Infobox */
.AdaptiveFlowLayoutElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awDatePicker,
.AdaptiveFlowLayoutFullWidthElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awDatePicker {
  min-width: 100px;
  max-width: none;
  width: 100%;
}

/* A bo styled Date Picker in a bo styled Infobox */
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_content .awDatePicker,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox > .awInfobox_content .awDatePicker {
  min-width: 100px;
  max-width: none;
  width: 100%;
}

/*****
 * The manipulation of the Date Picker [Legacy] screen component.
 *****/
/* A legacy styled Date Picker [Legacy] in a legacy styled Infobox */
.AdaptiveFlowLayoutElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .DatePicker,
.AdaptiveFlowLayoutFullWidthElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .DatePicker {
  min-width: 100px;
  max-width: none;
  width: 100%;
}

/* A legacy styled Date Picker [Legacy] in a bo styled Infobox */
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_content .DatePicker,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox > .awInfobox_content .DatePicker {
  min-width: 100px;
  max-width: none;
  width: 100%;
}

/*****
 * The manipulation of the Dropdown List screen component.
 *****/
/* A legacy styled Dropdown List in a legacy styled Infobox */
.AdaptiveFlowLayoutElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .aw_ext_componentextension_dropdownlist2_DropdownList,
.AdaptiveFlowLayoutFullWidthElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .aw_ext_componentextension_dropdownlist2_DropdownList {
  min-width: 100px;
  max-width: none;
  width: 100%;
}

/* A legacy styled Dropdown List in a bo styled Infobox */
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_content .aw_ext_componentextension_dropdownlist2_DropdownList,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox > .awInfobox_content .aw_ext_componentextension_dropdownlist2_DropdownList {
  min-width: 100px;
  max-width: none;
  width: 100%;
}

/* A bo styled Dropdown List in a legacy styled Infobox */
.AdaptiveFlowLayoutElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awDropdownList,
.AdaptiveFlowLayoutFullWidthElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awDropdownList {
  min-width: 100px;
  max-width: none;
  width: 100%;
}

/* A bo styled Dropdown List in a bo styled Infobox */
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_content .awDropdownList,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox > .awInfobox_content .awDropdownList {
  min-width: 100px;
  max-width: none;
  width: 100%;
}

/*****
 * The manipulation of the Dropdown List [Legacy] screen component.
 *****/
/* A legacy styled Dropdown List [Legacy] in a legacy styled Infobox */
.AdaptiveFlowLayoutElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .DropdownList,
.AdaptiveFlowLayoutElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .select2-container.DropdownList.discreteComponent.awDisplayComponent,
.AdaptiveFlowLayoutElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .select2-container.DropdownList.discreteComponent.aw_display_component,
.AdaptiveFlowLayoutFullWidthElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .DropdownList,
.AdaptiveFlowLayoutFullWidthElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .select2-container.DropdownList.discreteComponent.awDisplayComponent,
.AdaptiveFlowLayoutFullWidthElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .select2-container.DropdownList.discreteComponent.aw_display_component {
  min-width: 100px;
  max-width: none;
  width: 100%;
}

/* A legacy styled Dropdown List [Legacy] in a bo styled Infobox */
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_content .DropdownList,
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_content .select2-container.DropdownList.discreteComponent.awDisplayComponent,
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_content .select2-container.DropdownList.discreteComponent.aw_display_component,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox > .awInfobox_content .DropdownList,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox > .awInfobox_content .select2-container.DropdownList.discreteComponent.awDisplayComponent,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox > .awInfobox_content .select2-container.DropdownList.discreteComponent.aw_display_component {
  min-width: 100px;
  max-width: none;
  width: 100%;
  padding-left: 0;
}

/*****
 * The manipulation of the Text Field With Suggestions screen component.
 *****/
/* A legacy styled Text Field With Suggestions in a legacy styled Infobox */
.AdaptiveFlowLayoutElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .SuggestTextField,
.AdaptiveFlowLayoutElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .SuggestTextField > input,
.AdaptiveFlowLayoutFullWidthElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .SuggestTextField,
.AdaptiveFlowLayoutFullWidthElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .SuggestTextField > input {
  min-width: 100px;
  max-width: none;
  width: 100%;
}

/* A legacy styled Text Field With Suggestions in a bo styled Infobox */
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_content .SuggestTextField,
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_content .SuggestTextField > input,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox > .awInfobox_content .SuggestTextField,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox > .awInfobox_content .SuggestTextField > input {
  min-width: 100px;
  max-width: none;
  width: 100%;
}

/*****
 * The manipulation of the Text Field With Rich HTML Suggestions screen component.
 *****/
/* A legacy styled Text Field With Rich HTML Suggestions in a legacy styled Infobox */
.AdaptiveFlowLayoutElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .RichSuggestTextField,
.AdaptiveFlowLayoutElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .RichSuggestTextField > .richhtmlsuggestionfield_input_container,
.AdaptiveFlowLayoutElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .RichSuggestTextField > .richhtmlsuggestionfield_input_container > input,
.AdaptiveFlowLayoutFullWidthElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .RichSuggestTextField,
.AdaptiveFlowLayoutFullWidthElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .RichSuggestTextField > .richhtmlsuggestionfield_input_container,
.AdaptiveFlowLayoutFullWidthElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .RichSuggestTextField > .richhtmlsuggestionfield_input_container > input {
  min-width: 100px;
  max-width: none;
  width: 100%;
}

/* A legacy styled Text Field With Rich HTML Suggestions in a bo styled Infobox */
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_content .RichSuggestTextField,
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_content .RichSuggestTextField > .richhtmlsuggestionfield_input_container,
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_content .RichSuggestTextField > .richhtmlsuggestionfield_input_container > input,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox > .awInfobox_content .RichSuggestTextField,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox > .awInfobox_content .RichSuggestTextField > .richhtmlsuggestionfield_input_container,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox > .awInfobox_content .RichSuggestTextField > .richhtmlsuggestionfield_input_container > input {
  min-width: 100px;
  max-width: none;
  width: 100%;
}

/*****
 * The manipulation of the Checkbox List screen component.
 *****/
/* A legacy styled Checkbox List in a legacy styled Infobox */
.AdaptiveFlowLayoutElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .CheckboxList,
.AdaptiveFlowLayoutFullWidthElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .CheckboxList {
  padding: 0;
}

/* A legacy styled Checkbox List in a bo styled Infobox */
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_content .CheckboxList,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox > .awInfobox_content .CheckboxList {
  padding: 0;
}

/* A bo styled Checkbox List in a legacy styled Infobox */
.AdaptiveFlowLayoutElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awCheckboxList,
.AdaptiveFlowLayoutFullWidthElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awCheckboxList {
  padding: 0;
}

/* A bo styled Checkbox List in a bo styled Infobox */
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_content .awCheckboxList,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox > .awInfobox_content .awCheckboxList {
  padding: 0;
}

/*****
 * The manipulation of the Radiobutton List screen component.
 *****/
/* A legacy styled Radiobutton List in a legacy styled Infobox */
.AdaptiveFlowLayoutElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .RadiobuttonList,
.AdaptiveFlowLayoutFullWidthElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .RadiobuttonList {
  padding: 0;
}

/* A legacy styled Radiobutton List in a bo styled Infobox */
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_content .RadiobuttonList,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox > .awInfobox_content .RadiobuttonList {
  padding: 0;
}

/* A bo styled Radiobutton List in a legacy styled Infobox */
.AdaptiveFlowLayoutElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awRadiobuttonList,
.AdaptiveFlowLayoutFullWidthElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awRadiobuttonList {
  padding: 0;
}

/* A bo styled Radiobutton List in a bo styled Infobox */
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_content .awRadiobuttonList,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox > .awInfobox_content .awRadiobuttonList {
  padding: 0;
}

/*****
 * The manipulation of the Number Picker screen component.
 *****/
/* A legacy styled Number Picker in a legacy styled Infobox */
.AdaptiveFlowLayoutElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .NumberPicker,
.AdaptiveFlowLayoutFullWidthElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .NumberPicker {
  padding: 0;
}

/* A legacy styled Number Picker in a bo styled Infobox */
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_content .NumberPicker,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox > .awInfobox_content .NumberPicker {
  padding: 0;
}

/*****
 * The manipulation of components which display text when disabled
 *****/
/* A bo styled disabled text in a legacy styled Infobox */
.AdaptiveFlowLayoutElement > .Infobox.AdaptiveFlowLayoutLarge [class$="--readOnly"] .awTextInput,
.AdaptiveFlowLayoutElement > .Infobox.AdaptiveFlowLayoutLarge span.awTextArea {
  font-size: 16px;
  line-height: 20px;
  padding-top: 6px;
}

/* A bo styled disabled text in a bo styled Infobox */
.AdaptiveFlowLayoutElement > .awInfobox.AdaptiveFlowLayoutLarge [class$="--readOnly"] .awTextInput,
.AdaptiveFlowLayoutElement > .awInfobox.AdaptiveFlowLayoutLarge span.awTextArea {
  font-size: 16px;
  line-height: 20px;
  padding-top: 3px;
}

/* A legacy styled disabled text in a bo styled Infobox */
.AdaptiveFlowLayoutElement > .awInfobox.AdaptiveFlowLayoutLarge .disabledText {
  padding-top: 5px;
}

/* A legacy styled disabled text in a legacy styled Infobox */
.AdaptiveFlowLayoutElement > .Infobox.AdaptiveFlowLayoutLarge .disabledText {
  padding-top: 8px;
}

/* A bo styled Text Field in a legacy styled Infobox */
.AdaptiveFlowLayoutElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding > .awLabel {
  line-height: 16px;
  font-size: 16px;
}

/* A bo styled Text Field in a bo styled Infobox */
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_content > .awLabel {
  line-height: 16px;
  font-size: 16px;
}

/*****
 * The manipulation of the Link screen component.
 *****/
/* A bo styled Text Field in a legacy styled Infobox */
.AdaptiveFlowLayoutElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding > .awLink > .awLabel {
  line-height: 16px;
  font-size: 16px;
}

/* A bo styled Text Field in a bo styled Infobox */
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_content > .awLink > .awLabel {
  line-height: 16px;
  font-size: 16px;
}

/*****
 * The manipulation of the Search Field screen component.
 *****/
/* A bo styled Search Field in a legacy styled Infobox */
.AdaptiveFlowLayoutElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awSearchField,
.AdaptiveFlowLayoutFullWidthElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awSearchField {
  min-width: 100px;
  max-width: none;
  width: 100%;
}

/* A bo styled Search Field in a bo styled Infobox */
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_content .awSearchField,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox > .awInfobox_content .awSearchField {
  min-width: 100px;
  max-width: none;
  width: 100%;
}

/*****
 * The manipulation of the Multiple Selection Field screen component.
 *****/
/* A bo styled Multiple Selection  Field in a legacy styled Infobox */
.AdaptiveFlowLayoutElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awMultipleSelectionField,
.AdaptiveFlowLayoutFullWidthElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .awMultipleSelectionField {
  min-width: 100px;
  max-width: none;
  width: 100%;
}

/* A bo styled Multiple Selection Field in a bo styled Infobox */
.AdaptiveFlowLayoutElement > .awInfobox > .awInfobox_content .awMultipleSelectionField,
.AdaptiveFlowLayoutFullWidthElement > .awInfobox > .awInfobox_content .awMultipleSelectionField {
  min-width: 100px;
  max-width: none;
  width: 100%;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/adaptiveflowlayout/css/main.css -- */
/***************************
ADAPTIVE FLOW LAYOUT
***************************/
.awAdaptiveFlowLayoutGroup {
  clear: both;
  display: block;
  position: relative;
  padding-top: 35px;
  padding-bottom: 10px;
}

.awAdaptiveFlowLayoutGroup_topContainer {
  margin: 20px 35px 15px 35px;
}

@media screen and (max-width: 1024px) {
  .awAdaptiveFlowLayoutGroup_topContainer {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.awAdaptiveFlowLayoutGroup_titleContainer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.awAdaptiveFlowLayoutGroup_separator {
  flex-grow: 1;
}

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

.awAdaptiveFlowLayoutGroup_titleContainer > .AdaptiveFlowLayoutGroupHeader {
  display: flex;
  flex-direction: row-reverse;
  margin-left: auto;
  flex-wrap: wrap;
}

.awAdaptiveFlowLayoutGroup_titleContainer > .AdaptiveFlowLayoutGroupHeader button:not(.awButton) {
  margin-right: 0;
}

.awAdaptiveFlowLayoutGroupPreviewContent {
  height: 150px;
  margin: 0 35px 0 35px;
  background-color: #DDDDDD;
  border: 1px solid #BBB;
  width: 400px;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/componentextension/slider/Slider.css -- */
.Slider {
  margin: 10px;
  position: relative;
}

.aw_ext_componentextension_slider_inline {
  display: inline-block;
}

.aw_ext_componentextension_slider_horizontal {
  min-width: 150px;
}

.aw_ext_componentextension_slider_labeled.aw_ext_componentextension_slider_vertical {
  margin-right: 70px;
}

.aw_ext_componentextension_slider_label_horizontal {
  width: 100%;
  position: relative;
  margin-top: 10px;
}

.aw_ext_componentextension_slider_label_horizontal .aw_ext_componentextension_slider_label_min {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.aw_ext_componentextension_slider_label_horizontal .aw_ext_componentextension_slider_label_val {
  text-align: center;
}

.aw_ext_componentextension_slider_label_horizontal .aw_ext_componentextension_slider_label_max {
  position: absolute;
  display: inline-block;
  right: 0;
  top: 0;
}

.aw_ext_componentextension_slider_label_vertical {
  height: 100%;
  position: absolute;
  white-space: nowrap;
  margin-left: 25px;
  top: 0;
  left: 0;
  text-align: left;
}

.aw_ext_componentextension_slider_label_vertical .aw_ext_componentextension_slider_label_min {
  position: absolute;
  bottom: 0;
}

.aw_ext_componentextension_slider_label_vertical .aw_ext_componentextension_slider_label_val {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
}

.aw_ext_componentextension_slider_label_vertical .aw_ext_componentextension_slider_label_max {
  text-align: left;
}

/* slider margin bottom fix */
.aw_ext_componentextension_slider_labeled.aw_ext_componentextension_slider_horizontal {
  margin-bottom: 40px;
}

/* slider annotation text break fix */
.aw_ext_componentextension_slider_label_horizontal td {
  white-space: normal;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/phasechevron/css/legacy/main.css -- */
/***************************
PHASE CHEVRON
***************************/
/** BASE PHASE CHEVRON STYLES **/
.aw_PhaseChevron_container {
  width: 100%;
  overflow: hidden;
}

.aw_PhaseChevron {
  background-color: #51B6EE;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.aw_PhaseChevron_root {
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-size: 12px;
  background-color: #35A7E5;
  color: #FFFFFF;
}

.aw_PhaseChevron_root span {
  padding: 0 10px;
  color: #FFFFFF;
  font-weight: bold;
}

.aw_PhaseChevron_root span {
  width: 6px;
  height: 8px;
  background: url(/appway/resource/classpath/ComponentExtension/aw/ext/componentextension/phasechevron/arrow_white.png) no-repeat center;
}

.aw_PhaseChevron_current_box {
  height: 30px;
  line-height: 30px;
  display: none;
  position: relative;
  z-index: 5;
  background-color: #68BDEC;
  color: #FFFFFF;
  font-size: 12px;
  text-align: center;
}

.aw_PhaseChevron ul {
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

.aw_PhaseChevron.aw_PhaseChevron_full li {
  float: left;
  height: 100%;
}

.aw_PhaseChevron.aw_PhaseChevron_full li:last-child span:after {
  content: normal;
}

.aw_PhaseChevron.aw_PhaseChevron_full li:last-child span:before {
  content: normal;
}

.aw_PhaseChevron.aw_PhaseChevron_full li:last-child span.aw_PhaseChevron_current_label {
  background-color: #68BDEC;
}

.aw_PhaseChevron span {
  cursor: default;
  text-decoration: none;
  font-size: 12px;
  color: #335570;
}

.aw_PhaseChevron p {
  display: inline;
  margin: 0 10px 0 30px;
  white-space: nowrap;
}

.aw_PhaseChevron p.aw_PhaseChevron_ellipsis {
  margin: 0 10px 0 20px;
}

.aw_PhaseChevron.aw_PhaseChevron_full > ul > li > div.aw_PhaseChevron_separator {
  border-top: none;
}

.aw_PhaseChevron.aw_PhaseChevron_full span {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #51B6EE;
}

.aw_PhaseChevron.aw_PhaseChevron_full span:after,
.aw_PhaseChevron.aw_PhaseChevron_full span:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -20px;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 16px solid;
  right: -15px;
}

.aw_PhaseChevron.aw_PhaseChevron_full span:after {
  z-index: 2;
  border-left-color: #51B6EE;
  padding: 0 0 0 3px;
}

.aw_PhaseChevron.aw_PhaseChevron_full span:before {
  z-index: 1;
  border-left-color: #35A7E5;
}

.aw_PhaseChevron .aw_PhaseChevron_current .aw_PhaseChevron_current_label {
  color: #FFFFFF;
  background-color: #68BDEC;
}

.aw_PhaseChevron.aw_PhaseChevron_full .aw_PhaseChevron_current .aw_PhaseChevron_current_label:before {
  border-left-color: #35A7E5;
  z-index: 1;
}

.aw_PhaseChevron.aw_PhaseChevron_full .aw_PhaseChevron_current .aw_PhaseChevron_current_label:after {
  border-left-color: #68BDEC;
}

.aw_PhaseChevron span.aw_PhaseChevron_jumpable {
  cursor: pointer;
  color: #0278DE;
}

.aw_PhaseChevron span.aw_PhaseChevron_jumpable:hover {
  text-decoration: underline;
}

/** IE 8 hack to make arrows visible
	- detect if canvas feature is available. If not there has to be a IE 8.
	- http://caniuse.com/#search=canvas
**/
.no-canvas .aw_PhaseChevron.aw_PhaseChevron_full span {
  background-color: transparent;
}

.no-canvas .aw_PhaseChevron .aw_PhaseChevron_current .aw_PhaseChevron_current_label {
  background-color: transparent;
}

.no-canvas .aw_PhaseChevron.aw_PhaseChevron_full .aw_PhaseChevron_current .aw_PhaseChevron_current_label:after {
  border-left-color: #51B6EE;
}

/** mobile view **/
.aw_PhaseChevron.aw_PhaseChevron_mobile > ul {
  height: 100%;
  line-height: normal;
  background-color: #FFFFFF;
  position: absolute;
  z-index: 5;
}

.aw_PhaseChevron.aw_PhaseChevron_mobile > ul > li {
  text-align: center;
  height: 31px;
}

.aw_PhaseChevron.aw_PhaseChevron_mobile span {
  display: inline-block;
  width: 100%;
  height: 30px;
  line-height: 30px;
}

.aw_PhaseChevron.aw_PhaseChevron_mobile p {
  margin: 0;
}

.aw_PhaseChevron.aw_PhaseChevron_mobile > ul > li > div.aw_PhaseChevron_separator {
  position: relative;
  z-index: 3;
  border-top: 1px solid #CCCCCC;
}

.aw_PhaseChevron.aw_PhaseChevron_mobile .aw_PhaseChevron_current,
.aw_PhaseChevron.aw_PhaseChevron_mobile .aw_PhaseChevron_current .aw_PhaseChevron_current_label {
  background-color: #68BDEC;
}

.aw_PhaseChevron.aw_PhaseChevron_mobile > ul > li > div.aw_PhaseChevron_separator.aw_PhaseChevron_noBorder {
  border-top: none;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/phasechevron/css/main.css -- */
/***************************
PHASE CHEVRON
***************************/
.awPhaseChevron {
  min-width: 100px;
}

.awPhaseChevron--layouting > .awPhaseChevron_phaseContainer {
  flex-wrap: wrap;
}

.awPhaseChevron_preview {
  min-width: 550px;
}

.awPhaseChevron_phaseContainer {
  width: 100%;
  margin: 0;
  padding: 0;
}

.awPhaseChevron_rootName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

/** HORIZONTAL CHEVRON **/
.awPhaseChevron--horizontal {
  visibility: hidden;
  flex-grow: 1;
}

.awPhaseChevron--horizontal > .awPhaseChevron_phaseContainer {
  display: flex;
}

/** VERTICAL CHEVRON **/
.awPhaseChevron--vertical {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/** CHEVRON WITH COMPUTED SIZES **/
.awPhaseChevron--computedSizes {
  visibility: visible;
}

.awPhaseChevron--computedSizes :not(.awPhaseChevron_phaseContainer--compact) .awPhaseChevron_phase {
  width: 100%;
}

.awPhaseChevron--computedSizes .awPhaseChevron_phaseName {
  overflow: hidden;
}

/** COMPACT HORIZONTAL CHEVRON **/
.awPhaseChevron_phaseContainer--compact {
  cursor: pointer;
}

.awPhaseChevron_phase {
  display: inline-block;
  box-sizing: border-box;
  list-style: none;
}

.awPhaseChevron_phase--hidden {
  display: none;
}

.awPhaseChevron_phaseCounter {
  flex-shrink: 0;
}

.awPhaseChevron--computedSizes .awPhaseChevron_phaseCounter,
.awPhaseChevron--vertical .awPhaseChevron_phaseCounter {
  display: none;
}

.awPhaseChevron_phaseVisualElements {
  display: flex;
  align-items: center;
}
.awPhaseChevron_phaseVisualElements::before, .awPhaseChevron_phaseVisualElements::after {
  content: "";
  display: block;
  flex-grow: 1;
}

.awPhaseChevron_phaseCounter:first-child .awPhaseChevron_phaseName::before {
  content: "...(";
}
.awPhaseChevron_phaseCounter:first-child .awPhaseChevron_phaseName::after {
  content: ")";
}

.awPhaseChevron_phaseCounter:last-child .awPhaseChevron_phaseName::before {
  content: "(";
}
.awPhaseChevron_phaseCounter:last-child .awPhaseChevron_phaseName::after {
  content: ")...";
}

.awPhaseChevron_phaseContainer .awIcon {
  width: 16px;
  height: 16px;
}

/** HORIZONTAL CHEVRON **/
.awPhaseChevron--horizontal .awPhaseChevron_phase {
  padding-left: 16px;
  padding-right: 16px;
}

.awPhaseChevron--horizontal .awPhaseChevron_phaseVisualElements {
  height: 16px;
}
.awPhaseChevron--horizontal .awPhaseChevron_phaseVisualElements::before, .awPhaseChevron--horizontal .awPhaseChevron_phaseVisualElements::after {
  min-width: 16px;
}
.awPhaseChevron--horizontal .awPhaseChevron_phaseVisualElements::before {
  margin-left: -16px;
}
.awPhaseChevron--horizontal .awPhaseChevron_phaseVisualElements::after {
  margin-right: -16px;
}

.awPhaseChevron_rootName,
.awPhaseChevron--horizontal .awPhaseChevron_phaseName {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}

.awPhaseChevron_rootName {
  overflow: hidden;
}

/** VERTICAL CHEVRON **/
.awPhaseChevron--vertical .awPhaseChevron_phase:not(.awPhaseChevron_phaseCounter) {
  display: flex;
}

.awPhaseChevron--vertical .awIcon {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.awPhaseChevron--vertical .awPhaseChevron_phaseVisualElements {
  flex-direction: column;
  margin-right: 16px;
}

.awPhaseChevron--vertical .awPhaseChevron_phaseName {
  align-self: center;
  margin-top: 0;
  text-align: left;
}

.awPhaseChevron--vertical .awPhaseChevron_phaseVisualElements::before,
.awPhaseChevron--vertical .awPhaseChevron_phaseVisualElements::after {
  border-left: 1px solid rgba(202,200,204,1);
  border-bottom: 0 !important;
  min-height: 4px;
}

.awPhaseChevron--vertical .awPhaseChevron_phase--hasStartLine .awPhaseChevron_phaseVisualElements::before,
.awPhaseChevron--vertical .awPhaseChevron_phase--hasEndLine .awPhaseChevron_phaseVisualElements::after {
  display: none;
}

/** COMPACT HORIZONTAL CHEVRON **/
.awPhaseChevron_phaseContainer--compact .awPhaseChevron_phaseCounter:not(.awPhaseChevron_phase--hidden) {
  display: inline-block;
}

.awPhaseChevron_phaseContainer--compact .awPhaseChevron_phase--active {
  flex-shrink: 1;
  min-width: calc(16px * 2 + 16px) !important;
}

.awPhaseChevron_phaseContainer--compact .awPhaseChevron_phaseCounter .awPhaseChevron_phaseName {
  display: inline-block !important;
}

.awPhaseChevron_phaseContainer--compact .awPhaseChevron_phase--completed,
.awPhaseChevron_phaseContainer--compact .awPhaseChevron_phase--next {
  display: none;
}

.awPhaseChevron_phaseContainer--compact .awPhaseChevron_phase:nth-child(2):not(.awPhaseChevron_phase--active),
.awPhaseChevron_phaseContainer--compact .awPhaseChevron_phase:nth-last-child(2):not(.awPhaseChevron_phase--active) {
  display: block;
  flex-grow: 1;
  min-width: 0 !important;
}
.awPhaseChevron_phaseContainer--compact .awPhaseChevron_phase:nth-child(2):not(.awPhaseChevron_phase--active) .awInteractiveElement,
.awPhaseChevron_phaseContainer--compact .awPhaseChevron_phase:nth-child(2):not(.awPhaseChevron_phase--active) .awPhaseChevron_phaseName,
.awPhaseChevron_phaseContainer--compact .awPhaseChevron_phase:nth-last-child(2):not(.awPhaseChevron_phase--active) .awInteractiveElement,
.awPhaseChevron_phaseContainer--compact .awPhaseChevron_phase:nth-last-child(2):not(.awPhaseChevron_phase--active) .awPhaseChevron_phaseName {
  display: none;
}

/** START AND END LINES **/
.awPhaseChevron_phaseContainer:not(.awPhaseChevron_phaseContainer--compact) .awPhaseChevron_phase--hasStartLine .awPhaseChevron_phaseVisualElements::before,
.awPhaseChevron_phaseContainer:not(.awPhaseChevron_phaseContainer--compact) .awPhaseChevron_phase--hasEndLine .awPhaseChevron_phaseVisualElements::after,
.awPhaseChevron_phaseContainer .awPhaseChevron_phaseCounter.awPhaseChevron_phase--hasStartLine .awPhaseChevron_phaseVisualElements::before,
.awPhaseChevron_phaseContainer .awPhaseChevron_phaseCounter.awPhaseChevron_phase--hasEndLine .awPhaseChevron_phaseVisualElements::after,
.awPhaseChevron_phaseContainer .awPhaseChevron_phase--active.awPhaseChevron_phase--hasStartLine .awPhaseChevron_phaseVisualElements::before,
.awPhaseChevron_phaseContainer .awPhaseChevron_phase--active.awPhaseChevron_phase--hasEndLine .awPhaseChevron_phaseVisualElements::after {
  border-bottom: 0 none transparent;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/componentextension/borderlayoutmanager/BorderLayoutManagerV3.css -- */
.aw_BorderLayoutManager_container_fixed {
  position: relative;
}

.aw_BorderLayoutManager_container_dynamic {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
}

.aw_BorderLayoutManager_hidden {
  overflow: hidden;
}

.aw_BorderLayoutManager_auto {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.aw_BorderLayoutManager_container > .aw_BorderLayoutManager_north {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 4;
}

.aw_BorderLayoutManager_container > .aw_BorderLayoutManager_west {
  position: absolute;
  left: 0px;
  z-index: 2;
}

.aw_BorderLayoutManager_container > .aw_BorderLayoutManager_center {
  position: absolute;
  z-index: 0;
}

.aw_BorderLayoutManager_container > .aw_BorderLayoutManager_east {
  position: absolute;
  right: 0px;
  z-index: 1;
}

.aw_BorderLayoutManager_container > .aw_BorderLayoutManager_south {
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 3;
}

.aw_BorderLayoutManager_container > div > .aw_BorderLayoutManager_flap {
  position: absolute;
  background-color: #BEBEBE;
  text-align: center;
  overflow: hidden;
  cursor: default;
}

.aw_BorderLayoutManager_container.aw_BorderLayoutManager_noFlaps > div > .aw_BorderLayoutManager_flap {
  display: none;
}

.aw_BorderLayoutManager_container > .aw_BorderLayoutManager_north > .aw_BorderLayoutManager_flap {
  left: 0px;
  right: 0px;
  height: 30px;
}

.aw_BorderLayoutManager_container > .aw_BorderLayoutManager_south > .aw_BorderLayoutManager_flap {
  left: 0px;
  right: 0px;
  height: 30px;
}

.aw_BorderLayoutManager_container > .aw_BorderLayoutManager_west > .aw_BorderLayoutManager_flap {
  bottom: 0px;
  top: 0px;
  width: 30px;
}

.aw_BorderLayoutManager_container > .aw_BorderLayoutManager_east > .aw_BorderLayoutManager_flap {
  bottom: 0px;
  top: 0px;
  width: 30px;
}

.aw_BorderLayoutManager_rotate {
  position: absolute;
  right: -45px;
  width: 100px;
  height: 30px;
  padding: 0 10px;
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
}

.aw_BorderLayoutManager_label span {
  color: #BEBEBE;
  line-height: 30px;
  white-space: nowrap;
}

.aw_BorderLayoutManager_container {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: #F7F6F2;
}

.aw_BorderLayoutManager_container .aw_BorderLayoutManager_content {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: #FFFFFF;
}

.aw_BorderLayoutManager_container.aw_BorderLayoutManager_noFlaps > .aw_BorderLayoutManager_east,
.aw_BorderLayoutManager_container.aw_BorderLayoutManager_noFlaps > .aw_BorderLayoutManager_east > .aw_BorderLayoutManager_content {
  -webkit-box-shadow: inset 2px 0px 3px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 2px 0px 3px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 2px 0px 3px 1px rgba(0, 0, 0, 0.25);
}

.aw_BorderLayoutManager_container.aw_BorderLayoutManager_noFlaps > .aw_BorderLayoutManager_west > .aw_BorderLayoutManager_content,
.aw_BorderLayoutManager_container.aw_BorderLayoutManager_noFlaps > .aw_BorderLayoutManager_west {
  -webkit-box-shadow: inset -2px 0px 3px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset -2px 0px 3px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset -2px 0px 3px 1px rgba(0, 0, 0, 0.25);
}

.aw_BorderLayoutManager_container.aw_BorderLayoutManager_noFlaps > .aw_BorderLayoutManager_west.aw_BorderLayoutManager_visual_connection > .aw_BorderLayoutManager_content,
.aw_BorderLayoutManager_container.aw_BorderLayoutManager_noFlaps > .aw_BorderLayoutManager_west.aw_BorderLayoutManager_visual_connection {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-right: 1px solid #DBDBDB;
}

.aw_BorderLayoutManager_container > .aw_BorderLayoutManager_north,
.aw_BorderLayoutManager_container > .aw_BorderLayoutManager_north > .aw_BorderLayoutManager_content {
  background-color: #35556F;
}

.aw_BorderLayoutManager_container > .aw_BorderLayoutManager_east,
.aw_BorderLayoutManager_container > .aw_BorderLayoutManager_east > .aw_BorderLayoutManager_content {
  background-color: #DBDBDB;
}

.aw_BorderLayoutManager_container > .aw_BorderLayoutManager_west,
.aw_BorderLayoutManager_container > .aw_BorderLayoutManager_west > .aw_BorderLayoutManager_content {
  background-color: #DBDBDB;
}

.aw_BorderLayoutManager_container > .aw_BorderLayoutManager_south,
.aw_BorderLayoutManager_container > .aw_BorderLayoutManager_south > .aw_BorderLayoutManager_content {
  background-color: #515151;
}

/*** BorderLayoutManager Trigger ***/
.aw_BorderLayoutManagerTrigger {
  cursor: pointer;
}

.aw_BorderLayoutManagerTrigger,
.aw_BorderLayoutManagerTrigger svg,
.aw_BorderLayoutManagerTrigger img {
  width: 20px;
  height: 20px;
}

/* -- /resource/classpath/ComponentExtension/com/nm/extensions/widgets/resources/floatlayout.css -- */
.FloatLayoutElement.FloatLayoutElementLeft {
  float: left;
}

.FloatLayoutElement.FloatLayoutElementRight {
  float: right;
}

.FloatLayoutGroup.FloatLayoutGroupLeft {
  float: left;
  margin-top: 0;
  margin-right: 20px;
}

.FloatLayoutGroup.FloatLayoutGroupRight {
  float: right;
  margin-top: 0;
  margin-left: 20px;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/adaptivetab/css/main.css -- */
/***************************
ADAPTIVE TAB
***************************/
.awAdaptiveTabEntry {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  list-style: none;
  cursor: pointer;
  flex-grow: 1;
}

.awAdaptiveTab .awAdaptiveTabEntry_labelContainer {
  flex-grow: 1;
  flex-shrink: 0;
}

.awAdaptiveTabEntry_label {
  width: 100%;
}

.awAdaptiveTab--compact .awAdaptiveTabEntry {
  max-width: 100%;
}

.awAdaptiveTab--compact .awAdaptiveTabEntry_labelContainer {
  flex-shrink: 1;
  overflow: hidden;
}

.awAdaptiveTab--compact .awAdaptiveTabEntry_label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap !important;
}

.awAdaptiveTab--compact .awAdaptiveTabEntry:not(.awAdaptiveTabEntry--selected) {
  display: none;
}

.awAdaptiveTab--compact .awAdaptiveTabEntry_label,
.awAdaptiveTab_popup .awAdaptiveTabEntry_label {
  display: block;
  text-align: left !important;
}

.awAdaptiveTab--compact .awAdaptiveTabEntry--selected {
  width: 100%;
}

.awAdaptiveTab_popup .awAdaptiveTabEntry {
  border-bottom: 1px solid rgba(202,200,204,1) !important;
}
.awAdaptiveTab_popup .awAdaptiveTabEntry:last-child {
  border-bottom-style: none !important;
}

.awAdaptiveTabElement {
  display: none;
  flex-grow: 1;
}

.awAdaptiveTabElement--selected {
  display: block;
}

.awAdaptiveTab--vertical:not(.awAdaptiveTab--compact) > .awAdaptiveTabElement {
  flex-shrink: 0;
  min-width: 70%;
}

.awAdaptiveTab {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.awAdaptiveTab_tabEntriesContainer {
  margin: 0;
  padding: 0;
  display: flex;
  flex-shrink: 0;
}

.awAdaptiveTab_popupIconTrigger {
  flex-shrink: 0;
}

.awAdaptiveTab--vertical:not(.awAdaptiveTab--compact) {
  flex-direction: row;
}

.awAdaptiveTab--vertical > .awAdaptiveTab_tabEntriesContainer {
  flex-direction: column;
}

.awAdaptiveTab--layouting:not(.awAdaptiveTab--vertical) > .awAdaptiveTab_tabEntriesContainer {
  display: none;
}

.state_preview_AdaptiveTabStyleProvider {
  width: 600px;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/adaptivetab/legacy/css/main.css -- */
/***************************
ADAPTIVE TAB

- The class 'aw_vertical' is assigned to the tab when the 'Tabs Position' property is 'Left'.
- The class 'aw_lead' refers to the ul element used for mobile view.
***************************/
/** BASE ADAPTIVETAB STYLES **/
.aw_ext_adaptiveTab {
  position: relative;
}

.awLayout > .aw_ext_adaptiveTab {
  width: 100%;
}

/** CONTENT **/
.aw_ext_adaptiveTab > .aw_tabContent {
  display: none;
  clear: both;
}

.aw_ext_adaptiveTab.aw_vertical > .aw_tabContent {
  overflow: hidden;
  clear: none;
  border-left: 1px solid #BEBEBE;
  padding-left: 20px;
}

.aw_ext_adaptiveTab.aw_mobile.aw_vertical > .aw_tabContent {
  border-left: none;
  padding-left: 0px;
}

/** CONTENT STATES **/
.aw_tabContent.aw_active {
  display: block;
}

/** TABS and TAB ELEMENT **/
.aw_tabs,
.aw_ext_adaptiveTabElement {
  position: relative;
  margin: 0;
  padding: 0;
}

.aw_tabs {
  list-style: none;
  border-bottom: 1px solid #BEBEBE;
}

.aw_vertical > .aw_tabs {
  float: left;
  border-bottom: none;
}

.aw_tabs:after {
  clear: both;
}

.aw_tabs:before,
.aw_tabs:after {
  display: table;
  line-height: 0;
  content: "";
}

.aw_ext_adaptiveTabElement {
  display: block;
  float: left;
}

.aw_ext_adaptiveTab.aw_vertical .aw_ext_adaptiveTabElement {
  float: none;
  height: 40px;
}

.aw_ext_adaptiveTabName {
  font-size: 14px;
  color: #323232;
  text-align: center;
  white-space: nowrap;
  position: relative;
  padding: 10px 15px;
  display: block;
  cursor: pointer;
}

.aw_ext_adaptiveTab > .aw_lead {
  width: 100%;
  background-color: #F7F6F2;
  box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.29);
}

.aw_ext_adaptiveTab.aw_vertical .aw_ext_adaptiveTabName {
  text-align: left;
  padding-left: 5px;
}

.aw_ext_adaptiveTabElement.aw_active .aw_ext_adaptiveTabName {
  color: #000000;
  font-weight: bold;
  border-bottom: 4px solid #000000;
}

/** TAB STATES **/
.aw_ext_adaptiveTabElement.aw_disabled .aw_ext_adaptiveTabName {
  color: #BEBEBE;
  cursor: default;
}

/*  When switching from mobile to desktop and viceversa, tab elements hidden using the aw_hide class
	Specifically, when on mobile the aw_lead is shown.
*/
.aw_tabs.aw_hide {
  display: none;
}

/** MOBILE **/
.aw_mobile.aw_vertical > .aw_tabs {
  float: none;
  border-bottom: 1px solid #BEBEBE;
}

.aw_mobile > .aw_tabs.aw_desktop {
  position: absolute;
  top: inherit;
  left: 0;
  z-index: 500;
  width: 100%;
  background-color: #F7F6F2;
  box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.29);
}

.aw_ext_adaptiveTab.aw_mobile .aw_ext_adaptiveTabElement {
  float: none;
  border-bottom: 1px solid #BEBEBE;
}

.aw_mobile .aw_ext_adaptiveTabName {
  text-align: left;
}

.aw_mobile .aw_ext_adaptiveTabElement.aw_active .aw_ext_adaptiveTabName {
  border-bottom: none;
}

/** MOBILE STATES **/
.aw_ext_adaptiveTab.aw_mobile > .aw_lead {
  display: block;
}

.aw_ext_adaptiveTab.aw_mobile > .aw_lead .aw_ext_adaptiveTabElement .aw_ext_adaptiveTabName {
  font-weight: bold;
}

.aw_ext_adaptiveTab.aw_mobile .aw_ext_adaptiveTabElement .aw_arrow {
  border: none;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -20px;
  display: inline-block;
  height: 19px;
  width: 5px;
  background: url("/appway/resource/classpath/ComponentExtension/aw/workspace/components/adaptivetab/icons/dots_icon.png") no-repeat center;
}

.aw_ext_adaptiveTab.aw_mobile .aw_ext_adaptiveTabElement.aw_first {
  float: none;
  border-left: none;
}

.aw_ext_adaptiveTab.aw_mobile .aw_ext_adaptiveTabElement.aw_active {
  display: none;
}

.aw_ext_adaptiveTab.aw_mobile.aw_vertical .aw_ext_adaptiveTabElement.aw_last.aw_active {
  border-bottom: none;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/image/css/main.css -- */
/***************************
IMAGE
Style applied to each Image, no matter which styleBO is applied
***************************/
.awImage {
  box-sizing: border-box;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/icon/css/Icon.css -- */
/***************************
ICON
Style applied to each Icon, no matter which styleBO is applied
***************************/
.awIcon {
  box-sizing: border-box;
  display: inline-block;
}

.awIcon_svg {
  width: 100%;
  height: 100%;
  pointer-events: none;
  display: block;
}

.awIcon_image {
  max-width: 100%;
  max-height: 100%;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/icon/css/legacy/Icon.css -- */
/***************************
ICON LEGACY
***************************/
.aw_ext_icon_IconComponent {
  border: 0;
}

span.awSvgSpanIcon {
  display: inline-block;
}

span.awSvgSpanIcon svg {
  width: 100%;
  height: 100%;
  pointer-events: none;
}

span.awSvgSpanIcon.aw_icon_style_monochrome svg * {
  fill: #707070;
}

.aw_ext_icon_IconComponent.aw_ext_icon_IconComponent_inline {
  margin: 0;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/componentextension/notification/css/NotificationAlert.css -- */
.NotificationAlert {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10000;
  margin: 0;
}

.NotificationAlert, .NotificationAlert * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #BEBEBE;
  font-size: 13px;
}

.aw_ext_componentextension_notification_NotificationAlertElement {
  border-radius: 2px;
  border: 1px solid #000000;
  margin: 5px;
  background: #323232;
  padding: 10px;
  width: 300px;
  min-height: 72px;
  cursor: pointer;
  -webkit-box-shadow: 0px 1px 4px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 4px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 4px 2px rgba(0, 0, 0, 0.2);
}

.NotificationAlert .aw_ext_componentextension_notification_NotificationElement_user span {
  color: #35A7E5;
}

.NotificationAlert .aw_ext_componentextension_notification_NotificationElement_timestamp {
  font-size: 0.7em;
}

.NotificationAlert .aw_ext_componentextension_notification_NotificationElement_text {
  width: 100%;
  color: #BEBEBE;
}

.NotificationAlert .aw_workspacecollaboration_annotation_Text {
  color: #35A7E5;
  text-decoration: underline;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/componentextension/notification/css/NotificationElement.css -- */
.aw_ext_componentextension_notification_NotificationElement {
  padding: 10px;
  border-bottom: 1px solid #DDDDDD;
}

.aw_ext_componentextension_notification_NotificationElement.aw_ext_componentextension_notification_NotificationElement_clickable,
.aw_ext_componentextension_notification_NotificationElement.aw_ext_componentextension_notification_NotificationElement_clickable * {
  cursor: pointer;
}

.aw_ext_componentextension_notification_NotificationElement * {
  font-weight: bold;
}

.aw_ext_componentextension_notification_NotificationElement_user span {
  color: #335570;
  font-weight: bold;
  white-space: nowrap;
}

.aw_ext_componentextension_notification_NotificationElement_type {
  margin-left: 10px;
  font-weight: bold;
  display: inline-block;
  float: right;
}

.aw_ext_componentextension_notification_NotificationElement_topic {
  padding: 2px 5px;
  margin: 5px 10px 0 0;
  background: #DBDBDB;
  border-radius: 2px;
  color: #969696;
  font-size: 0.8em;
  display: inline-block;
}

.aw_ext_componentextension_notification_NotificationElement_text {
  margin-top: 5px;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  white-space: pre-line;
}

.aw_ext_componentextension_notification_NotificationElement_read {
  cursor: default;
}

.aw_ext_componentextension_notification_NotificationElement_read * {
  font-weight: normal;
}

.aw_ext_componentextension_notification_NotificationElement_read > .aw_ext_componentextension_notification_NotificationElement_user > span,
.aw_ext_componentextension_notification_NotificationElement_read > .aw_ext_componentextension_notification_NotificationElement_text {
  color: #436B8A;
}

.aw_ext_componentextension_notification_NotificationElement_type {
  color: #BEBEBE;
}

.aw_ext_componentextension_notification_NotificationElement_text {
  color: #000000;
}

.aw_ext_componentextension_notification_NotificationElement_read .aw_ext_componentextension_notification_NotificationElement_topic {
  color: #969696;
  background: #DBDBDB;
}

.aw_ext_componentextension_notification_NotificationElement_icon {
  position: absolute;
  margin: 2px;
}

.aw_ext_componentextension_notification_NotificationElement_icon img {
  width: 48px;
  border-radius: 32px;
  border: 1px solid #BEBEBE;
}

.aw_ext_componentextension_notification_NotificationElement_content {
  display: inline-block;
  width: 100%;
  padding-left: 65px;
  color: #000000;
}

.aw_ext_componentextension_notification_NotificationElement_content_noIcon > .aw_ext_componentextension_notification_NotificationElement_icon {
  display: none;
}

.aw_ext_componentextension_notification_NotificationElement_content_noIcon > .aw_ext_componentextension_notification_NotificationElement_content {
  padding-left: 0;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/componentextension/notification/css/NotificationTopicSubscription.css -- */
.NotificationTopicSubscription {
  height: 100%;
  overflow: hidden;
  border: 1px solid #CCCCCC;
  position: relative;
  min-height: 300px;
  margin: 0;
}

.awLayout > .NotificationTopicSubscription {
  width: 100%;
}

.NotificationTopicSubscription, .NotificationTopicSubscription * {
  box-sizing: border-box;
  font-size: 13px;
}

.aw_ext_componentextension_notification_NotificationTopicSubscription_subscriptionsContainer {
  width: 50%;
  height: 100%;
  padding-bottom: 60px;
  position: absolute;
  overflow: hidden;
}

.aw_ext_componentextension_notification_NotificationTopicSubscription_subscriptionList {
  height: 100%;
  overflow: auto;
  position: relative;
}

.aw_ext_componentextension_notification_NotificationTopicSubscription_bottomDiv {
  position: absolute;
  bottom: 0;
  width: 50%;
  height: 60px;
  padding: 8px;
  border-top: 1px solid #AAAAAA;
}

.aw_ext_componentextension_notification_NotificationTopicSubscription_topicPageContainer {
  width: 50%;
  height: 100%;
  border-left: 1px solid #AAAAAA;
  padding: 20px 15px 60px;
  position: absolute;
  right: 0;
  overflow: hidden;
}

.aw_ext_componentextension_notification_NotificationTopicSubscription_topicPage {
  width: 100%;
  height: 100%;
  overflow: auto;
}

.aw_ext_componentextension_notification_NotificationTopicSubscription_subscriptionList_element {
  padding: 15px 25px 15px 15px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid #BBBBBB;
  outline: none;
}

.aw_ext_componentextension_notification_NotificationTopicSubscription_subscriptionList_element_selected {
  background-color: #DBDBDB;
}

.aw_ext_componentextension_notification_NotificationTopicSubscription_subscriptionList_element_selected > .aw_ext_componentextension_notification_NotificationTopicSubscription_subscriptionList_element_arrow {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 12px;
  border-color: transparent transparent transparent #515151;
}

.aw_ext_componentextension_notification_NotificationTopicSubscription_subscriptionList_element_name {
  font-weight: bold;
  display: inline;
  width: 100%;
  padding-right: 10px;
  color: #000000;
  font-size: 15px;
}

.aw_ext_componentextension_notification_NotificationTopicSubscription_subscriptionList_lastChild {
  border-bottom: 0;
}

.aw_ext_componentextension_notification_NotificationTopicSubscription_subscriptionList_element_description {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.aw_ext_componentextension_notification_NotificationTopicSubscription_subscriptionList_element_deliveryChannelList {
  display: table-cell;
  color: #AAAAAA;
}

.aw_ext_componentextension_notification_NotificationTopicSubscription_unsubscribeButton {
  float: right;
}

.aw_ext_componentextension_notification_NotificationTopicSubscription_unsubscribeButtonContainer {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 10px;
  width: 100%;
  height: 60px;
}

.aw_ext_componentextension_notification_NotificationTopicSubscription_unsubscribeButton,
.aw_ext_componentextension_notification_NotificationTopicSubscription_selectAllTopicsButton {
  display: inline-block;
  text-align: center;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.aw_ext_componentextension_notification_NotificationTopicSubscription_selectAllTopicsButton {
  position: relative;
  z-index: 10;
  display: none; /* TODO uncomment when multiselection works */
}

.aw_ext_componentextension_notification_NotificationTopicSubscription_plusIcon {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 16px;
  font-size: 30px;
  font-weight: bold;
  line-height: 0.75;
  text-align: center;
}

.aw_ext_componentextension_notification_NotificationTopicSubscription_newTopicsList {
  width: 100%;
}

.aw_ext_componentextension_notification_NotificationTopicSubscription_newTopicsListContainer {
  position: absolute;
  top: 0;
  padding: 10px;
  left: 0; /* TODO uncomment when multiselection works */
  width: 100%;
}

.aw_ext_componentextension_notification_NotificationTopicSubscription_noDataAvailable {
  color: #AAAAAA;
  padding: 25px 15px;
}

.aw_ext_componentextension_notification_NotificationTopicSubscription_channelCheckboxContainer {
  margin: 15px 0;
}

.aw_ext_componentextension_notification_NotificationTopicSubscription_topicName {
  font-weight: bold;
  color: #000000;
  font-size: 15px;
}

.aw_ext_componentextension_notification_NotificationTopicSubscription_description {
  margin: 10px 0;
}

.aw_ext_componentextension_notification_NotificationTopicSubscription_channelHelpText {
  margin: 10px 0;
}

.aw_ext_componentextension_notification_NotificationTopicSubscription_deliveryChannelList {
  margin: 10px 0;
}

.aw_ext_componentextension_notification_NotificationTopicSubscriptionAvailableTopicElement_channelCheckbox,
.aw_ext_componentextension_notification_NotificationTopicSubscriptionAvailableTopicElement_channelCheckboxLabel {
  cursor: pointer;
  color: #000000;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/componentextension/notification/css/SingleTopicSubscriptionWidget.css -- */
.SingleTopicSubscriptionWidget {
  padding: 5px 10px;
  display: inline-block;
  cursor: pointer;
  border-radius: 2px;
  border: 1px solid #BEBEBE;
}

.SingleTopicSubscriptionWidget, .SingleTopicSubscriptionWidget * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.aw_ext_componentextension_notification_SingleTopicSubscriptionWidget_subscriptionStatus {
  width: 16px;
  height: 14px;
  display: inline-block;
  background-image: url("/appway/resource/classpath/ComponentExtension/aw/ext/componentextension/notification/images/unsubscribed_icon.png");
  position: relative;
  top: 2px;
}

.aw_ext_componentextension_notification_SingleTopicSubscriptionWidget_topicName {
  color: #000000;
  margin-left: 8px;
  display: inline-block;
}

.aw_ext_componentextension_notification_SingleTopicSubscriptionWidget_subscribed > .aw_ext_componentextension_notification_SingleTopicSubscriptionWidget_subscriptionStatus {
  background-image: url("/appway/resource/classpath/ComponentExtension/aw/ext/componentextension/notification/images/subscribed_icon.png");
}

.aw_ext_componentextension_notification_SingleTopicSubscriptionWidget_disabled {
  background: #DBDBDB;
}

.aw_ext_componentextension_notification_SingleTopicSubscriptionWidget_disabled > .aw_ext_componentextension_notification_SingleTopicSubscriptionWidget_subscriptionStatus {
  background-image: none;
}

.aw_ext_componentextension_notification_SingleTopicSubscriptionWidget_subscribed > .aw_ext_componentextension_notification_SingleTopicSubscriptionWidget_subscribedText {
  display: block;
}

.aw_ext_componentextension_notification_SingleTopicSubscriptionWidget_subscribed > .aw_ext_componentextension_notification_SingleTopicSubscriptionWidget_notSubscribedText {
  display: none;
}

.aw_ext_componentextension_notification_SingleTopicSubscriptionWidget_disabled > .aw_ext_componentextension_notification_SingleTopicSubscriptionWidget_subscribedText,
.aw_ext_componentextension_notification_SingleTopicSubscriptionWidget_disabled > .aw_ext_componentextension_notification_SingleTopicSubscriptionWidget_notSubscribedText {
  visibility: hidden;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/componentextension/notification/css/styled/NotificationElement.css -- */
.awNotificationElement {
  box-sizing: border-box;
}

.awNotificationElement--clickable,
.awNotificationElement--unread {
  cursor: pointer;
}

.awNotificationElement_contentWrapper {
  display: flex;
  box-sizing: border-box;
  background-color: currentColor;
}

.awNotificationElement_messageWrapper {
  flex-grow: 1;
}

.awNotificationElement_userAvatar {
  flex-shrink: 0;
  margin-right: 8px;
}
.awNotificationElement_userAvatar:empty {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
}

.awNotificationElement_userAvatar .awUserProfiles_userAvatar--icon {
  background-color: rgba(19,18,20,1);
}

.awNotificationElement_header,
.awNotificationElement_timestamp,
.awNotificationElement_text {
  margin-bottom: 4px;
}

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

.awNotificationElement_type {
  text-align: right;
}

.awNotificationElement_header .awUserProfiles_userFullName {
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  text-decoration: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
}

.awNotificationElement_userName {
  margin-right: 5px;
}

.awNotificationElement_topic {
  border-radius: 4px;
  padding: 2px 8px;
}
.awNotificationElement_topic:not(:last-child) {
  margin-right: 8px;
}

.awNotificationList--loading .awNotificationElement {
  visibility: hidden;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/componentextension/notification/css/styled/NotificationAlert.css -- */
.awNotificationAlert {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10000;
  margin: 0;
  display: flex;
  flex-direction: column;
}

.awNotificationAlert, .awNotificationAlert * {
  box-sizing: border-box;
}

.awNotificationAlert_NotificationElement .awUserProfiles_userAvatar--icon {
  background-color: rgba(255,255,255,0.6);
}

.awNotificationAlert_NotificationElement {
  width: 300px;
  min-height: 72px;
  cursor: pointer;
  flex-shrink: 0;
}

.awNotificationAlert--mobile {
  top: auto;
  bottom: 0;
  max-height: 50%;
  overflow: hidden;
  width: 100%;
}

.awNotificationAlert--mobile .awNotificationAlert_NotificationElement {
  width: auto;
  cursor: pointer;
  margin: 0 !important;
  border-radius: 0 !important;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/componentextension/notification/css/NotificationList.css -- */
.NotificationList, .NotificationList * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 13px;
}

.NotificationList,
.aw_ext_componentextension_notification_NotificationList_notificationContainerPadding {
  overflow: hidden;
  height: 100%;
  position: relative;
}

.NotificationList {
  text-align: left;
  margin: 0;
}

.aw_ext_componentextension_notification_NotificationList_notificationContainerPadding {
  background: #FFFFFF;
  padding-top: 30px;
}

.aw_ext_componentextension_notification_NotificationList_loading .aw_ext_componentextension_notification_NotificationElement,
.aw_ext_componentextension_notification_NotificationList_loading .aw_ext_componentextension_notification_NotificationList_showMoreButtonContainer {
  visibility: hidden;
}

.aw_ext_componentextension_notification_NotificationList_notificationContainer {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}

.aw_ext_componentextension_loadingWheel {
  position: relative;
  width: 100%;
  text-align: center;
  top: 50px;
}

.aw_ext_componentextension_notification_NotificationList_loading .aw_ext_componentextension_loadingWheel {
  position: absolute;
}

.NotificationList .aw_workspacecollaboration_annotation_Text {
  color: #35A7E5;
  cursor: pointer;
  text-decoration: underline;
}

.aw_ext_componentextension_notification_NotificationList_showMoreButtonContainer {
  text-align: center;
  padding: 5px;
}

.aw_ext_componentextension_notification_NotificationList_showMoreButton {
  line-height: 2.5;
  width: 80px;
  height: 33px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  z-index: 10;
  background-color: #00ABE5;
  border-radius: 3px;
  color: #FFFFFF;
}

.aw_ext_componentextension_notification_NotificationList_disconnectedWarning {
  display: none;
  background: rgba(255, 0, 0, 0.6);
  color: white;
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 2px;
  z-index: 1000;
}

.aw_ext_componentextension_notification_NotificationList_disconnected .aw_ext_componentextension_notification_NotificationList_disconnectedWarning {
  display: block;
}

.aw_ext_componentextension_notification_NotificationList_noMessagesAlert {
  background: #DBDBDB;
  color: #969696;
  height: 100%;
  padding: 5px;
  display: none;
  width: 100%;
  text-align: center;
  padding-top: 30%;
}
.aw_ext_componentextension_notification_NotificationList_noMessagesAlert img {
  display: block;
  margin: auto;
}

.aw_ext_componentextension_notification_NotificationList_header {
  width: 100%;
  position: absolute;
  top: 0;
  padding: 0 5px;
  border-bottom: 1px solid #DDDDDD;
  background: #FFFFFF;
}

.aw_ext_componentextension_notification_NotificationList_header .aw_ext_componentextension_notification_NotificationList_header_button,
.aw_ext_componentextension_notification_NotificationList_header .aw_ext_componentextension_notification_NotificationList_header_title,
.aw_ext_componentextension_notification_NotificationList_header_icon,
.aw_ext_componentextension_notification_NotificationPopup_close {
  display: inline-block;
}

.aw_ext_componentextension_notification_NotificationList_header .aw_ext_componentextension_notification_NotificationList_header_button,
.aw_ext_componentextension_notification_NotificationList_header .aw_ext_componentextension_notification_NotificationList_header_title {
  line-height: 29px;
  height: 29px;
  color: #323232;
  font-weight: 300;
  padding-left: 18px;
  background-repeat: no-repeat;
  background-position: 0 center;
}

.aw_ext_componentextension_notification_NotificationList_header .aw_ext_componentextension_notification_NotificationList_header_button {
  cursor: pointer;
}

.aw_ext_componentextension_notification_NotificationList_header .aw_ext_componentextension_notification_NotificationList_header_title {
  display: none;
}

.aw_ext_componentextension_notification_NotificationList_header_markAllRead {
  background-image: url("/appway/resource/classpath/ComponentExtension/aw/ext/componentextension/notification/images/check_all_notifications.png");
}

.aw_ext_componentextension_notification_NotificationList_header_deleteAll {
  float: right;
  padding-left: 16px;
  background-image: url("/appway/resource/classpath/ComponentExtension/aw/ext/componentextension/notification/images/delete_all_notifications.png");
}

.aw_ext_componentextension_notification_NotificationPopup_close {
  width: 16px;
  height: 16px;
  position: fixed;
  cursor: pointer;
  top: 10px;
  right: 10px;
  display: none;
  z-index: 1002;
}

.aw_ext_componentextension_notification_NotificationList_empty .aw_ext_componentextension_notification_NotificationList_header,
.aw_ext_componentextension_notification_NotificationList_loading .aw_ext_componentextension_notification_NotificationList_header {
  display: none;
}

.aw_ext_componentextension_notification_NotificationList_empty .aw_ext_componentextension_notification_NotificationList_notificationContainerPadding {
  padding-top: 0;
}

/* ==========================================================================
Small screen rules
========================================================================== */
.awPopup-fullscreen {
  /* Empty notification list */
}
.awPopup-fullscreen .aw_ext_componentextension_notification_NotificationList_notificationContainerPadding {
  padding-top: 36px;
}
.awPopup-fullscreen .aw_ext_componentextension_notification_NotificationList_header {
  background-color: #000000;
  padding: 0 10px;
}
.awPopup-fullscreen .aw_ext_componentextension_notification_NotificationList_header_button,
.awPopup-fullscreen .aw_ext_componentextension_notification_NotificationList_header_title,
.awPopup-fullscreen .aw_ext_componentextension_notification_NotificationList_header_text {
  color: #FFFFFF;
}
.awPopup-fullscreen .aw_ext_componentextension_notification_NotificationList_header_button,
.awPopup-fullscreen .aw_ext_componentextension_notification_NotificationList_header_title {
  line-height: 35px;
  height: 35px;
  margin-right: 20px;
}
.awPopup-fullscreen .aw_ext_componentextension_notification_NotificationList_header_notifications {
  background-image: url("/appway/resource/classpath/ComponentExtension/aw/ext/componentextension/notification/images/bell_white.png");
}
.awPopup-fullscreen .aw_ext_componentextension_notification_NotificationList_header_markAllRead {
  background-image: url("/appway/resource/classpath/ComponentExtension/aw/ext/componentextension/notification/images/check_all_notifications_white.png");
}
.awPopup-fullscreen .aw_ext_componentextension_notification_NotificationList_header_deleteAll {
  background-image: url("/appway/resource/classpath/ComponentExtension/aw/ext/componentextension/notification/images/delete_all_notifications_white.png");
  float: none;
}
.awPopup-fullscreen .aw_ext_componentextension_notification_NotificationPopup_close,
.awPopup-fullscreen .aw_ext_componentextension_notification_NotificationList_empty .aw_ext_componentextension_notification_NotificationList_header {
  display: block;
}
.awPopup-fullscreen .aw_ext_componentextension_notification_NotificationPopup_close {
  background-image: url("/appway/resource/classpath/ComponentExtension/aw/ext/componentextension/notification/images/close_notifications_white.png");
}
.awPopup-fullscreen .aw_ext_componentextension_notification_NotificationList_empty .aw_ext_componentextension_notification_NotificationList_header_markAllRead,
.awPopup-fullscreen .aw_ext_componentextension_notification_NotificationList_empty .aw_ext_componentextension_notification_NotificationList_header_deleteAll {
  display: none;
}
.awPopup-fullscreen .aw_ext_componentextension_notification_NotificationList_empty .aw_ext_componentextension_notification_NotificationList_header_title {
  display: block;
}

@media screen and (max-width: 250px) {
  .aw_ext_componentextension_notification_NotificationList_header_button .aw_ext_componentextension_notification_NotificationList_header_text {
    display: none;
  }
}

/* -- /resource/classpath/ComponentExtension/aw/ext/componentextension/notification/css/styled/NotificationList.css -- */
.awErrorBox_banner, .awNotificationlist_disconnectedWarning {
  background-color: rgba(214,30,55,1);
  padding: 2px 8px;
}

.awErrorBox_banner > span, .awNotificationlist_disconnectedWarning > span {
  color: rgba(255,255,255,1);
  font-size: 16px;
  line-height: 125%;
}

.awNotificationList {
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.awNotificationlist_disconnectedWarning,
.awNotificationList_loadingWheel,
.awNotificationList_noMessagesAlert {
  display: none;
}

.awNotificationlist_disconnectedWarning {
  flex-shrink: 0;
  margin-top: auto;
}

.awNotificationList_loadingWheel {
  margin: 0 auto;
}

.awNotificationList_noMessagesAlert {
  flex-direction: column;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.awNotificationList_noMessagesAlert > .awLabel,
.awNotificationList_noMessagesAlert > .awImage {
  max-width: 100%;
}

.awNotificationList_loadingWheel,
.awNotificationList_buttonContainer,
.awNotificationList_showMoreButtonContainer {
  padding: 8px;
}

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

.awNotificationList_container {
  box-sizing: border-box;
  overflow: auto;
  flex-grow: 1;
}

.awNotificationList--initialLoading .awNotificationList_container {
  border: 0 !important;
  flex-grow: 0;
}

.awNotificationList_showMoreButtonContainer {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
}

.awNotificationList_disconnected .awNotificationlist_disconnectedWarning {
  display: block;
  order: 2;
}

.awNotificationList--initialLoading .awNotificationList_buttonContainer,
.awNotificationList--empty .awNotificationList_buttonContainer {
  display: none;
}

.awNotificationList--initialLoading .awNotificationList_showMoreButtonContainer,
.awNotificationList--empty .awNotificationList_showMoreButtonContainer {
  display: none;
}

.awNotificationList--initialLoading .awNotificationList_loadingWheel,
.awNotificationList_loadingWheel--show,
.awNotificationList--empty .awNotificationList_noMessagesAlert {
  display: flex;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/componentextension/notification/css/NotificationPopup.css -- */
.NotificationPopup, .NotificationPopup * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.NotificationPopup {
  position: relative;
  width: 24px;
  height: 24px;
}

.aw_ext_componentextension_notification_NotificationPopup_activator {
  width: 100%;
  height: 100%;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  text-align: center;
  border: none;
  background: none;
  padding: 0;
  outline: none;
}

.aw_ext_componentextension_notification_NotificationPopup_activator > svg,
.aw_ext_componentextension_notification_NotificationPopup_activator > img {
  width: 24px;
  height: 24px;
}

.aw_ext_componentextension_notification_NotificationPopup_activator > svg > *,
.aw_ext_componentextension_notification_NotificationPopup_activator > svg > g > * {
  fill: #000000;
}

.aw_ext_componentextension_notification_NotificationPopup_activator_text {
  display: none;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 10px;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  border-radius: 4px;
  border: 1px solid #FFFFFF;
  background-color: #FF0000;
  text-align: center;
  padding: 2px;
  line-height: 1em;
  position: absolute;
  left: 12px;
  top: 6px;
}

.aw_ext_componentextension_notification_NotificationPopup_listContainer > .NotificationList {
  border: 1px solid #AAAAAA;
  border-radius: 2px;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.5);
  -moz-box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.5);
  box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.5);
  margin: 0;
}

.aw_ext_componentextension_notification_NotificationPopup_popup {
  width: 350px;
  height: 400px;
}

.aw_ext_componentextension_notification_NotificationPopup_listContainer {
  width: 100%;
  height: 100%;
}

.aw_ext_componentextension_notification_NotificationPopup_popup .aw_ext_componentextension_notification_NotificationPopup_listContainer > div.NotificationList {
  left: unset;
}

/* ==========================================================================
Small screen rules
========================================================================== */
.awPopup-fullscreen.aw_ext_componentextension_notification_NotificationPopup_popup {
  border: 0;
  margin: 0;
}

.awPopup-fullscreen .aw_ext_componentextension_notification_NotificationPopup_listContainer > .NotificationList,
.awPopup-fullscreen .aw_ext_componentextension_notification_NotificationPopup_listContainer {
  width: 100%;
  height: 100%;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/componentextension/notification/css/styled/NotificationPopup.css -- */
.awNotificationPopup_iconContainer {
  display: inline-block;
  position: relative;
  cursor: pointer;
}

.awNotificationPopup_icon {
  vertical-align: bottom;
  cursor: pointer;
}

.awPopup-fullscreen .awNotificationList_buttonContainer {
  border-bottom: 0 !important;
  order: 1;
}

.awPopup-fullscreen .awNotificationList_buttonContainer,
.awPopup-fullscreen .awNotificationList_showMoreButtonContainer {
  padding: 0;
}

/* -- /resource/classpath/ComponentExtension/com/nm/extensions/widgets/resources/linklist.css -- */
.LinkList {
	margin-top:5px;
}
.LinkList .LinkListGroup {
	padding-top:20px;
	margin-bottom:10px;
}
.LinkList h3.aw_ext_linklist_Title.awTextComponent.awDisplayComponent, /* deprecated */
.LinkList h3.aw_ext_linklist_Title.aw_text_component.aw_display_component {
	margin-left:35px;
	color:#000000;
}
.LinkList .LinkListGroup h2 {
	padding-bottom:10px;
	margin-left:35px;
	color:#707070;
}
.LinkList .Link,
.LinkList .ScreenLink {
	display:block;
	padding-bottom:10px;
	margin-left:35px;
	text-decoration:none;
	font-size:17px;
	font-weight:600;
	color:#35A7E5;
}
.LinkList .Link *,
.LinkList .ScreenLink * {
	color:#35A7E5;
}
.LinkList .Link.aw_LinkHasIcon {
	text-indent:-20px;
}
.LinkList .Link:hover,
.LinkList .ScreenLink:hover {
	text-decoration:underline;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/radiobuttonlist/css/main.css -- */
/***************************
RADIO BUTTON LIST

- The css class 'aw_htmlRadiobuttonHorizontal' is assigned to the radio button list when the 'Orientation' property is 'Horizontal'
- The css class 'aw_displayVertical' is assigned dynamically to the radio button list to stack options (even if horizontal list) when totalChildrenWidth > parentWidth

***************************/
.awRadiobuttonList_option {
  display: block;
  box-sizing: border-box;
  cursor: default;
}

.state_preview_canvas .awRadiobuttonList--focus .awRadiobuttonList_option:not(:first-child) .awRadioInput {
  outline-width: 0;
}

.awRadiobuttonList_optionList--horizontal > .awRadiobuttonList_option {
  display: inline-block;
}

.awRadiobuttonList_option {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.awRadiobuttonList_option > .awRadioInput {
  flex-shrink: 0;
  font-size: initial;
}

.state_preview_RadiobuttonListStyleProvider {
  max-width: 382px;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/radiobuttonlist/css/legacy/main.css -- */
/***************************
RADIO BUTTON LIST LEGACY

- The css class 'aw_htmlRadiobuttonHorizontal' is assigned to the radio button list when the 'Orientation' property is 'Horizontal'
- The css class 'aw_displayVertical' is assigned dynamically to the radio button list to stack options (even if horizontal list) when totalChildrenWidth > parentWidth

***************************/
div.aw_htmlRadiobuttonHorizontal {
  visibility: hidden;
}

div.aw_htmlRadiobuttonHorizontal.aw_displayVertical div.aw_htmlRadiobuttonOption {
  display: block;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/checkboxlist/legacy/css/main.css -- */
/***************************
RADIO BUTTON LIST LEGACY

- The css class 'aw_htmlCheckboxListHorizontal' is assigned to the checkbox list when the 'Orientation' property is 'Horizontal'
- The css class 'aw_displayVertical' is assigned dynamically to the checkbox list to stack options (even if horizontal list) when totalChildrenWidth > parentWidth

***************************/
div.aw_htmlCheckboxHorizontal {
  visibility: hidden;
}

div.aw_htmlCheckboxHorizontal.aw_displayVertical div.aw_htmlCheckboxOption {
  display: block;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/checkboxlist/css/main.css -- */
/***************************
CHECKBOX LIST

- The css class 'aw_htmlCheckboxHorizontal' is assigned to the radio button list when the 'Orientation' property is 'Horizontal'
- The css class 'aw_displayVertical' is assigned dynamically to the radio button list to stack options (even if horizontal list) when totalChildrenWidth > parentWidth

***************************/
.state_preview_canvas .awCheckboxList--focus .awCheckboxList_option:not(:first-child) .awCheckboxInput {
  outline-width: 0;
}

.awCheckboxList_optionList {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.awCheckboxList_optionList--horizontal {
  display: block;
}

.awCheckboxList_optionList--horizontal > .awCheckboxList_option {
  display: inline-block;
}

.awCheckboxList_option {
  display: flex;
  align-items: center;
  flex-direction: row;
  max-width: 100%;
  box-sizing: border-box;
  cursor: default;
}

.awCheckboxList_option > .awCheckboxInput {
  flex-shrink: 0;
  font-size: initial;
}

.state_preview_CheckboxListStyleProvider {
  max-width: 382px;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/componentextension/flowbar/FlowBar.css -- */
.clear {
  clear: both;
}

.FlowBar {
  min-height: 45px;
  background-color: #323232;
}

.FLowBar * {
  color: #FFFFFF;
}

.FlowBar.aw_ext_flowbar_isPositionAutomaticallyAtBottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.FlowBar .awDisplayComponent.inlineComponent:first-child,
.FlowBar .aw_display_component.inlineComponent:first-child,
.FlowBar > .Button,
.FlowBar .aw_container_component > .Button {
  min-height: 45px;
  box-sizing: border-box;
  padding: 0 1.4em;
  margin: 0;
  border-radius: 0;
  font-size: 18px;
  color: #FFFFFF;
  text-decoration: none;
}

.FlowBar .awDisplayComponent.inlineComponent:first-child,
.FlowBar .aw_display_component.inlineComponent:first-child {
  padding-left: 20px;
  padding-right: 20px;
}

.FlowBar > .Button.VisualButtonStyleDefault,
.FlowBar > .FlowBarElement > .Button.VisualButtonStyleDefault {
  background-color: #35A7E5;
}

.FlowBar .Button.WorkspaceIcon svg,
.FlowBar .Button.WorkspaceIcon img.awButtonIcon {
  width: 0.889em;
  height: 0.889em;
}

.FlowBar > .Button.VisualButtonStyleDefault.WorkspaceIcon,
.FlowBar .aw_container_component > .Button.VisualButtonStyleDefault.WorkspaceIcon {
  background-color: transparent;
}

.FlowBarElement.FlowBarElementLeft {
  float: left;
}

.FlowBarElement.FlowBarElementLeft .Button {
  border-right: 1px solid #323232;
}

.FlowBarElement.FlowBarElementRight {
  float: right;
}

.FlowBarElement.FlowBarElementRight .Button {
  border-left: 1px solid #323232;
}

.FlowBarGroup.FlowBarGroupLeft {
  float: left;
  margin-top: 0;
  margin-right: 20px;
  min-height: 45px;
}

.FlowBarGroup.FlowBarGroupLeft > *:last-child {
  margin-right: 20px; /* set margin on last child in case children are invisible */
}

.FlowBarGroup.FlowBarGroupRight {
  float: right;
  margin-top: 0;
  min-height: 45px;
}

.FlowBarGroup.FlowBarGroupRight > *:first-child {
  margin-left: 20px;
}

.FlowBar.aw_ext_flowbar_small {
  overflow: hidden;
}

/* icon Component in flow bar */
.FlowBar .aw_ext_icon_IconComponent {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 5px;
}

.FlowBar span.aw_ext_icon_IconComponent.awSvgSpanIcon.aw_icon_style_monochrome svg * {
  fill: #FFFFFF;
}

/* small style for small screen devices */
.FlowBar.aw_ext_flowbar_small .awDisplayComponent.inlineComponent:first-child,
.FlowBar.aw_ext_flowbar_small .aw_display_component.inlineComponent:first-child,
.FlowBar.aw_ext_flowbar_small .Button {
  font-size: 16px;
}

.FlowBar.aw_ext_flowbar_small .Button.WorkspaceIcon {
  padding-left: 1.2em;
  padding-right: 1.2em;
}

.FlowBar.aw_ext_flowbar_small .Button.aw_button_style_haslabel {
  padding-left: 0.3em;
  padding-right: 0.3em;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/componentextension/numberpicker/NumberPicker.css -- */
.NumberPicker {
  min-height: 80px;
}

.NumberPicker .aw_ext_numberpicker_Box {
  float: left;
  width: 30px;
}

.NumberPicker .aw_ext_numberpicker_NumberBox Button:focus {
  outline: none;
}

.NumberPicker .aw_ext_numberpicker_NumberBox Button {
  width: 100%;
  height: 20px;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  border: none;
  background-repeat: no-repeat;
}

.NumberPicker .aw_ext_numberpicker_NumberBox Button.aw_ext_numberpicker_ButtonUp {
  background-image: url("/appway/resource/classpath/ComponentExtension/aw/ext/componentextension/numberpicker/img/up.png");
  background-position: 50% 80%;
}

.NumberPicker .aw_ext_numberpicker_NumberBox Button.aw_ext_numberpicker_ButtonDown {
  background-image: url("/appway/resource/classpath/ComponentExtension/aw/ext/componentextension/numberpicker/img/down.png");
  background-position: 50% 20%;
}

.NumberPicker .aw_ext_numberpicker_NumberBox Button.aw_ext_numberpicker_ButtonUp:focus {
  background-image: url("/appway/resource/classpath/ComponentExtension/aw/ext/componentextension/numberpicker/img/up_focus.png");
}

.NumberPicker .aw_ext_numberpicker_NumberBox Button.aw_ext_numberpicker_ButtonDown:focus {
  background-image: url("/appway/resource/classpath/ComponentExtension/aw/ext/componentextension/numberpicker/img/down_focus.png");
}

.NumberPicker .aw_ext_numberpicker_NumberBox Button.aw_ext_numberpicker_ButtonUp:focus:disabled {
  background-image: url("/appway/resource/classpath/ComponentExtension/aw/ext/componentextension/numberpicker/img/up.png");
}

.NumberPicker .aw_ext_numberpicker_NumberBox Button.aw_ext_numberpicker_ButtonDown:focus:disabled {
  background-image: url("/appway/resource/classpath/ComponentExtension/aw/ext/componentextension/numberpicker/img/down.png");
}

.NumberPicker .aw_ext_numberpicker_NumberBox input {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 30px;
  box-sizing: border-box;
  line-height: 28px;
}

.NumberPicker .aw_ext_numberpicker_NumberBox input:disabled {
  color: #CCCCCC;
}

.NumberPicker .aw_ext_numberpicker_SignBox,
.NumberPicker .aw_ext_numberpicker_PostfixBox,
.NumberPicker .aw_ext_numberpicker_PeriodBox {
  height: 60px;
  line-height: 81px;
  font-size: 30px;
  text-align: center;
}

.NumberPicker .aw_ext_numberpicker_PeriodBox {
  width: 20px;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/componentextension/adaptivelist/AdaptiveList.css -- */
.AdaptiveList .AdaptiveListItem {
  margin-top: 30px;
}

.AdaptiveList .AdaptiveListItem.AdaptiveListItemSmall {
  margin-top: 10px;
}

.AdaptiveList .AdaptiveListItem.AdaptiveListItemSmall:first-child {
  margin-top: 30px;
}

.AdaptiveList .AdaptiveListItem > .AdaptiveListItemElementGroup:first-child,
.AdaptiveList .AdaptiveListItem > .AdaptiveListItemElement:first-child {
  min-width: 300px;
}

.AdaptiveList .AdaptiveListItemElementGroup,
.AdaptiveList .AdaptiveListItemElement {
  float: left;
  min-height: 1px;
}

.AdaptiveList .AdaptiveListItemElementGroup {
  padding-bottom: 0;
}

.AdaptiveList .AdaptiveListItemElement > .awDisplayComponent,
.AdaptiveList .AdaptiveListItemElement > .aw_display_component {
  /* margin-left:10px; // https://fogbugz.numcom.com/default.asp?7760 */
}

.AdaptiveList .AdaptiveListItemElement > .awSvgSpanIcon {
  margin-right: 0;
  margin-top: 8px;
}

.AdaptiveList .AdaptiveListItemElement > .Infobox > .InfoboxLabel {
  padding-top: 10px;
  float: left;
}

.AdaptiveList .AdaptiveListItemElement > .Infobox > .aw_InfoBoxV2Content {
  float: left;
}

.AdaptiveList .AdaptiveListItemElement > span.Label {
  padding-top: 12px;
}

.AdaptiveList .AdaptiveListItemElement > input,
.AdaptiveList .AdaptiveListItemElement > div.select2-container.DropdownList.discreteComponent.awDisplayComponent,
.AdaptiveList .AdaptiveListItemElement > div.select2-container.DropdownList.discreteComponent.aw_display_component {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  width: 100%;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/componentextension/listbutton/ListButton.css -- */
div.ListButtonMargin {
  margin-top: 8px;
  position: relative;
}

.AdaptiveList .AdaptiveListItemElement div.ListButtonMargin {
  margin-left: 0;
}

div.ListButtonMargin button.ListButton {
  display: block;
  text-align: left;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 6px;
  padding-bottom: 6px;
  background-color: transparent;
  border-radius: 2px;
  min-width: 200px;
  width: 100%;
  border: 1px solid #35A7E5;
  box-sizing: border-box;
  color: #707070;
  cursor: pointer;
  font-size: 14px;
  max-width: 500px;
}

div.ListButtonMargin button.ListButton:disabled {
  opacity: 0.5;
}

div.ListButtonMargin button.ListButton.VisualButtonStyleTodo {
  border: 1px solid #35A7E5;
}

div.ListButtonMargin button.ListButton.VisualButtonStyleTodo * {
  color: #35A7E5;
}

div.ListButtonMargin button.ListButton.VisualButtonStyleTodo svg > *,
div.ListButtonMargin button.ListButton.VisualButtonStyleTodo svg > g > * {
  fill: #35A7E5;
}

div.ListButtonMargin button.ListButton.VisualButtonStyleDone {
  border: 1px solid #0AAB65;
}

div.ListButtonMargin button.ListButton.VisualButtonStyleDone * {
  color: #0AAB65;
}

div.ListButtonMargin button.ListButton.VisualButtonStyleDone svg > *,
div.ListButtonMargin button.ListButton.VisualButtonStyleDone svg > g > * {
  fill: #0AAB65;
}

div.ListButtonMargin button.ListButton.VisualButtonStyleUnavailable {
  border: 1px solid #BEBEBE;
  cursor: default;
}

div.ListButtonMargin button.ListButton.VisualButtonStyleUnavailable * {
  color: #BEBEBE;
}

div.ListButtonMargin button.ListButton.VisualButtonStyleUnavailable svg > *,
div.ListButtonMargin button.ListButton.VisualButtonStyleUnavailable svg > g > * {
  fill: #BEBEBE;
}

div.ListButtonMargin button.ListButton div.ListButtonLabel {
  /*white-space:nowrap; case #7557 */
}

div.ListButtonMargin button.ListButton div.ListButtonMandatory {
  display: none;
  position: absolute;
  right: -20px;
  top: 0;
  font-size: 40px;
  line-height: 40px;
  color: #F04338;
}

div.ListButtonMargin button.ListButton img.ListButtonMandatory {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -4px;
}

div.ListButtonMargin button.ListButton span.ListButtonMandatory {
  position: absolute;
  left: 11px;
  margin-top: 5px;
}

div.ListButtonMargin button.ListButton.WorkspaceIcon span.ListButtonMandatory {
  position: absolute;
  left: -20px;
  margin-top: -1px;
}

div.ListButtonMargin button.ListButton span.ListButtonMandatory > svg {
  width: 10px;
  height: 10px;
  display: block;
}

div.ListButtonMargin button.ListButton,
div.ListButtonMargin button.ListButton:focus {
  outline-width: 0;
}

div.ListButtonMargin button.ListButton.WorkspaceIcon {
  position: relative;
  background-repeat: no-repeat;
  background-position: 10px center;
  text-indent: 24px;
  background-size: 20px;
}

div.ListButtonMargin button.ListButton.WorkspaceIcon svg,
div.ListButtonMargin button.ListButton.WorkspaceIcon img.awButtonIcon {
  position: absolute;
  left: 30px;
  top: 6px;
  width: 16px;
  height: 16px;
}

.ListButton > svg {
  pointer-events: none;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/componentextension/card/css/Card.css -- */
.Card {
  background: #FFFFFF;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 10px;
  margin-bottom: 20px;
  margin-top: 30px;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/componentextension/cardlayout/css/CardLayout.css -- */
.CardLayout {
  box-sizing: border-box;
  padding: 10px;
}

.awLayout > .CardLayout {
  width: 100%;
}

.aw_ext_componentextension_CardLayout_cardContainer > .Card {
  margin: 5px 0;
  max-width: 100%;
  overflow: auto;
}

.aw_ext_componentextension_CardLayout_unrendered > .Card {
  visibility: hidden;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/componentextension/header/Header.css -- */
/*** Header Styles ***/
.awHeader {
  margin: 0;
  height: 100%;
  position: relative;
}

.awLayout > .awHeader {
  width: 100%;
}

.awHeaderGroupLeft,
.awHeaderGroupRight {
  position: absolute;
  display: table;
  height: 100%;
}

.awHeaderGroupLeft {
  left: 0;
  margin-left: 30px;
  z-index: 1;
}

.awHeaderGroupRight {
  right: 0;
  margin-right: 30px;
}

.awHeaderBurger,
.awHeaderLogoContainer,
.awHeaderTitleContainer,
.awHeaderContentContainer {
  display: table-cell;
  vertical-align: middle;
}

.awHeaderBurger,
.awLogoClickable {
  cursor: pointer;
}

.awHeaderBurger {
  padding-right: 20px;
  display: none;
}

.aw_BorderLayoutManager_small .awHeaderBurger {
  display: table-cell;
}

.awHeaderTitle {
  color: #FFFFFF;
  margin: 0;
  padding-left: 20px;
}

.awHeaderContentContainer > .aw_component {
  float: right;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 0 0 20px;
}

.awHeaderContentContainer > .awHeader_lastElement,
.awHeader_SizeMedium .awHeaderContentContainer > .awHeader_lastElement {
  margin-left: 0;
}

/* Changing font styling for all buttons that are inserted in the header */
.awHeaderContentContainer > .Button,
.awHeaderContentContainer > .Button .aw_button_text {
  font-size: 16px;
  font-weight: lighter;
}

.awHeaderContentContainer > .Button .aw_button_text {
  padding-left: 3px; /* Applying spacing between icon and text. Will be removed on smaller header sizes as the text gets hidden */
}

.awHeaderContentContainer > .Button {
  clear: none;
}

.awHeaderContentContainer > .Button.aw_button_Borderless,
.awHeaderContentContainer > .Button.aw_button_Borderless .aw_button_text {
  color: #FFFFFF;
}

/* Applying a transparent border and changing the box model type for correct alignment with buttons */
.awHeaderContentContainer .NotificationPopup {
  box-sizing: content-box;
  border: 1px solid transparent;
}

.awHeaderBurger svg,
.awHeaderBurger img,
.awHeaderContentContainer > .Button.WorkspaceIcon svg,
.awHeaderContentContainer > .Button.WorkspaceIcon img,
.awHeaderContentContainer > .Button.WorkspaceIcon img.awButtonIcon,
.awHeaderContentContainer .NotificationPopup,
.awHeaderContentContainer .aw_ext_componentextension_notification_NotificationPopup_activator svg,
.awHeaderContentContainer .aw_ext_componentextension_notification_NotificationPopup_activator img {
  width: 24px;
  height: 24px;
  margin-right: 0; /* Removing default spacing between icon and text */
}

.awHeaderContentContainer > .Button.WorkspaceIcon.aw_button_Borderless svg > *,
.awHeaderContentContainer > .Button.WorkspaceIcon.aw_button_Borderless svg > g > *,
.awHeaderContentContainer .aw_ext_componentextension_notification_NotificationPopup_activator svg > *,
.awHeaderContentContainer .aw_ext_componentextension_notification_NotificationPopup_activator svg > g > * {
  fill: #35A7E5;
}

.awHeaderBurger > svg > *,
.awHeaderBurger > svg > g > * {
  fill: #FFFFFF;
}

/********************** MEDIUM SIZE - NO LABELS *******************************/
.awHeader_SizeMedium .awHeaderContentContainer > .Button .aw_button_text {
  display: none;
}

.awHeader_SizeMedium .awHeaderContentContainer > .Button {
  padding-left: 0;
  padding-right: 0;
}

.awHeader_SizeMedium .awHeaderContentContainer > .aw_component {
  margin-left: 10px;
}

/********************** SMALL SIZE - NO LOGO & SMALLER HEIGHT *******************************/
.awHeader_SizeSmall .awHeaderLogo {
  display: none;
}

.awHeader_SizeSmall .awHeaderBurger {
  margin-right: 10px;
}

.awHeader_SizeSmall .awHeaderTitle {
  padding-left: 0;
  font-size: 1.1em;
  font-weight: 600;
}

.awHeader_SizeSmall .awHeaderGroupLeft {
  margin-left: 5px;
}

.awHeader_SizeSmall .awHeaderGroupRight {
  margin-right: 5px;
}

/********************** SMALLEST SIZE - HEADER PARTS ONE BELOW THE OTHER *******************************/
.awHeader_FloatIcons {
  padding-top: 5px;
  padding-bottom: 5px;
}

.awHeader_FloatIcons > .awHeaderGroupLeft,
.awHeader_FloatIcons > .awHeaderGroupRight {
  position: static;
  height: auto;
}

/********************** BACKWARD COMPATIBILITY *******************************/
.awHeaderContentContainer > .Button.WorkspaceIcon.aw_button_style_nolabel {
  min-height: 0;
}

.awHeaderContentContainer > .Button.WorkspaceIcon.aw_button_style_nolabel > svg,
.awHeaderContentContainer > .Button.WorkspaceIcon.aw_button_style_nolabel > img,
.awHeaderContentContainer > .Button.WorkspaceIcon.aw_button_style_haslabel > svg,
.awHeaderContentContainer > .Button.WorkspaceIcon.aw_button_style_haslabel > img {
  top: 0;
  margin-left: 0;
}

.awHeaderContentContainer > .Button {
  height: 24px;
  line-height: 24px;
  box-sizing: content-box;
}

.awHeaderContentContainer > .Button.WorkspaceIcon.aw_button_Borderless.aw_button_style_nolabel,
.awHeader_SizeMedium .awHeaderContentContainer > .Button {
  width: 24px;
  overflow: hidden;
}

.awHeader_SizeMedium .awHeaderContentContainer > .Button.WorkspaceIcon.aw_button_style_haslabel > svg,
.awHeader_SizeMedium .awHeaderContentContainer > .Button.WorkspaceIcon.aw_button_style_haslabel > img {
  left: 0;
}

.awHeader_SizeMedium .awHeaderContentContainer > .Button {
  color: transparent;
}

/* IE 8 fix for buttons without label - http://caniuse.com/#feat=svg */
.no-svg .awHeaderContentContainer > .Button.WorkspaceIcon.aw_button_Borderless.aw_button_style_nolabel > img {
  margin-top: -12px;
}

/* -- /resource/classpath/ComponentExtension/aw/ext/componentextension/adaptivetableofcontents/css/AdaptiveTableOfContents.css -- */
a.aw_ext_componentextension_adaptivetableofcontents_AdaptiveTableOfContents_text {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding-right: 20px;
  padding-left: 28px;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 8px;
  background-repeat: no-repeat;
  background-position: center right;
  color: #0278DE;
}

a.aw_ext_componentextension_adaptivetableofcontents_AdaptiveTableOfContents_text span {
  font-weight: inherit;
  color: inherit;
}

a.aw_ext_componentextension_adaptivetableofcontents_AdaptiveTableOfContents_text.aw_ext_componentextension_adaptivetableofcontents_AdaptiveTableOfContents_haserror {
  background-image: url("/appway/resource/classpath/ComponentExtension/aw/ext/componentextension/adaptivetableofcontents/img/ErrorIcon.png");
  /* color:red; */
}

a.aw_ext_componentextension_adaptivetableofcontents_AdaptiveTableOfContents_text.aw_ext_componentextension_adaptivetableofcontents_AdaptiveTableOfContents_haserror * {
  /* color:red; */
}

a.aw_ext_componentextension_adaptivetableofcontents_AdaptiveTableOfContents_text img.aw_ext_componentextension_adaptivetableofcontents_AdaptiveTableOfContents_entryicon {
  position: absolute;
  left: 0;
  top: 5px;
  border: none;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/infotable/css/legacy/main.css -- */
/***************************
INFO TABLE

When the property 'Adaptive Layout' is checked, the class aw_AutoLayoutTable is assigned to the table.
aw_AutoLayoutTable automatically styles the table and makes it responsive.

The 'Mobile Style' property can be set to List or Boxes.
- List is reflected into the class aw_AutoLayoutTable_MobileBoxStyle.
- Boxes is reflected into the class aw_AutoLayoutTable_MobileListStyle.

The Info Table Row Group 'type' property can be Header, Body, Footer. This reflects into the css classes 'aw_TableHeader', 'aw_TableBody', 'aw_TableFooter'.
The Info Table Row 'type' property can be Header, Normal, Footer:
- the css class 'aw_TableCell' is assigned to all the Info Table cells.
- the css class 'aw_HeaderCell' is assigned to the Info Table cells inside a Info Table Row of type Header.

Cells content is aligned using the css classes:
- aw_TableCell--alignLeft, aw_TableCell--alignCenter, aw_TableCell--alignRight
- aw_TableCell--valignTop, aw_TableCell--valignMiddle, aw_TableCell--valignBottom

***************************/
/** BASE INFOTABLE STYLES **/
.aw_AutoLayoutTable {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  margin-left: 0;
  margin-right: 0;
  border-left: none;
  border-right: none;
}

.aw_AutoLayoutTable .aw_TableInnerHeader {
  display: none;
}

/** MOBILE **/
/* if two mobile tables are shown directly after each other, we need to show a divider between them */
.aw_MobileTable + .aw_MobileTable {
  border-top: 1px solid #CBCBCB;
  border-collapse: separate;
}

.aw_MobileTable .aw_TableInnerHeader {
  display: block;
  color: #707070;
}

/* FIX PADDINGS */
.aw_MobileTable {
  margin: 0;
  padding: 0;
  border-left: none;
  border-right: none;
}

/** MOBILE STYLE "LIST" **/
.aw_MobileTable.aw_AutoLayoutTable_MobileListStyle {
  margin: 0;
  padding: 0;
}

.aw_MobileTable.aw_AutoLayoutTable_MobileListStyle .aw_TableInnerHeader {
  float: left;
  margin: 0;
  padding-left: 10px;
  padding-right: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.aw_MobileTable.aw_AutoLayoutTable_MobileListStyle .aw_TableInnerHeader {
  display: block;
  font-weight: 300;
}

/** INFO TABLE ROW **/
.aw_AutoLayoutTable .aw_TableRow {
  border-bottom: 1px solid #CBCBCB;
}

/*	On mobile the bottom border is removed in all sections (body, header, footer) */
.aw_AutoLayoutTable .aw_TableBody .aw_LastRow,
.aw_MobileTable.aw_AutoLayoutTable_MobileListStyle .aw_TableRow.aw_LastRow {
  border-bottom: none;
}

/** MOBILE **/
.aw_MobileTable .aw_TableRow {
  border: 1px solid #CBCBCB;
}

/** MOBILE STYLE "LIST" **/
.aw_MobileTable.aw_AutoLayoutTable_MobileListStyle .aw_TableRow {
  border: none;
  border-bottom: 1px solid #CBCBCB;
}

/** INFO TABLE CELL **/
.aw_AutoLayoutTable .aw_TableCell {
  padding: 5px;
  padding-left: 20px;
  overflow: hidden;
}

.aw_AutoLayoutTable .aw_TableCell > * {
  hyphens: auto;
  word-wrap: break-word;
}

.aw_AutoLayoutTable.unrendered .aw_TableCell > *,
.aw_MobileTable.aw_AutoLayoutTable_MobileListStyle.unrendered .aw_TableCell > * {
  visibility: hidden;
}

.aw_AutoLayoutTable > tbody > tr > td > .aw_TableRowContent > .awDisplayComponent.inlineComponent:first-child,
.aw_AutoLayoutTable > tfoot > tr > td > .aw_TableRowContent > .awDisplayComponent.inlineComponent:first-child,
.aw_AutoLayoutTable > thead > tr > th > .awDisplayComponent.inlineComponent:first-child,
.aw_AutoLayoutTable .aw_TableCell > .aw_TableRowContent > .aw_display_component.inlineComponent:first-child,
.aw_AutoLayoutTable .aw_HeaderCell > .aw_display_component.inlineComponent:first-child {
  margin-left: 0;
}

.aw_AutoLayoutTable .aw_TableCell,
.aw_AutoLayoutTable .aw_TableCell > span.aw_text_component {
  color: #000000;
}

.aw_AutoLayoutTable .aw_HeaderCell,
.aw_AutoLayoutTable .aw_HeaderCell > span.aw_text_component {
  font-weight: 300;
}

/** MOBILE **/
.aw_MobileTable .aw_TableCell {
  float: left;
  border: none;
}

.aw_MobileTable .aw_HeaderCell,
.aw_MobileTable .aw_TableFooter .aw_TableCell {
  display: none;
}

.aw_AutoLayoutTable.aw_MobileTable td div.aw_TableRowContent > .awDisplayComponent.inlineComponent:first-child,
.aw_AutoLayoutTable.aw_MobileTable th div.aw_TableRowContent > .awDisplayComponent.inlineComponent:first-child,
.aw_AutoLayoutTable.aw_MobileTable .aw_TableRowContent > .aw_display_component.inlineComponent:first-child {
  margin-left: 0;
}

/** MOBILE STYLE "LIST" **/
.aw_MobileTable.aw_AutoLayoutTable_MobileListStyle .aw_TableCell:not(.aw_HeaderCell) {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 2px;
}

.aw_MobileTable.aw_AutoLayoutTable_MobileListStyle .aw_TableRowContent {
  float: right;
  margin: 0;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  overflow: hidden;
  overflow-wrap: break-word;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/infotable/css/main.css -- */
/***************************
INFO TABLE
***************************/
/** BASE INFOTABLE STYLES **/
.awInfoTable {
  box-sizing: border-box;
  width: 100%;
}

.awInfoTable_table {
  border-collapse: collapse;
  width: 100%;
  height: 100%;
  max-width: 100%;
}

.awInfoTable--computingAvailableWidth .awInfoTable_table {
  display: none;
}

/** PREVIEW **/
.state_preview_InfoTableStyleProvider {
  flex-grow: 1;
  max-width: 500px;
}

/** INFO TABLE GROUP **/
/** COMPACT VIEW **/
.awInfoTable--compact .awInfoTableGroup--header,
.awInfoTable--compact .awInfoTableGroup--footer {
  display: none;
}

/** INFO TABLE ROW **/
/** PREVIEW **/
.awInfoTableRow_tableWrapper--preview {
  border-collapse: collapse;
  width: 100%;
}

.awInfoTableRow--preview .awInfoTableCell_innerHeader {
  display: none;
}

.state_preview_InfoTableRowStyleProvider {
  flex-grow: 1;
}

/** INFO TABLE CELL **/
.awInfoTableCell {
  overflow: hidden;
}

.awInfoTableCell > * {
  hyphens: auto;
  word-wrap: break-word;
}

.awInfoTable .awInfoTableCell_innerHeader {
  hyphens: none;
  display: none;
}

/** LAYOUTING **/
.awInfoTable--layouting .awInfoTableCell_innerHeader {
  display: inline-block;
}

/** COMPACT VIEW **/
.awInfoTable--compact .awInfoTableCell_innerHeader {
  display: block;
}

/** COMPACT STYLE "LIST" **/
.awInfoTable--layouting.awInfoTable--compactList .awInfoTableCell_innerHeader {
  white-space: nowrap;
}

.awInfoTable--compactList .awInfoTableCell {
  display: flex;
  width: 100% !important;
  min-width: auto !important;
  max-width: none !important;
}

.awInfoTable--compactList .awInfoTableCell_content,
.awInfoTable--compactList .awInfoTableCell_innerHeader {
  flex-shrink: 0;
}

.awInfoTable--compactList .awInfoTableCell_innerHeader {
  max-width: 50%;
}

.awInfoTable--compactList .awInfoTableCell_content {
  flex-grow: 1;
  overflow: hidden;
  overflow-wrap: break-word;
}

/************ Reset styleBO values on necessary elements *************/
.awInfoTableCell:first-child,
.awInfoTable--compactList .awInfoTableCell {
  border-left: none !important;
}

.awInfoTable_table :last-child > :last-child .awInfoTableCell,
.awInfoTable--compactList .awInfoTableCell:not(:last-child),
.awInfoTable--compact tbody:last-of-type > :last-child .awInfoTableCell {
  border-bottom: none !important;
}

.awInfoTable:not(.awInfoTable--compact) .awInfoTableCell_content,
.awInfoTable:not(.awInfoTable--compact) .awInfoTableCell_innerHeader,
.awInfoTable--compactBoxes .awInfoTableCell_innerHeader,
.awInfoTable--compactBoxes .awInfoTableCell_content,
.awInfoTable--compactList .awInfoTableCell {
  padding: 0 !important;
}

.awInfoTable:not(.awInfoTable--compact) .awInfoTableCell_content,
.awInfoTable--compactBoxes .awInfoTableCell_content {
  border-left: none !important;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/dropdownlist2/css/main.css -- */
/***************************
DROPDOWN LIST
***************************/
/**
 * This file contains the z-index of all the generic elements in Appway.
 */
/** BASE DROPDOWN LIST STYLES **/
.aw_ext_componentextension_dropdownlist2_DropdownList {
  border: 1px solid #BEBEBE;
}

.aw_ext_componentextension_dropdownlist2_DropdownList {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  overflow: hidden;
  position: relative;
  max-width: 100%;
}

.aw_ext_componentextension_dropdownlist2_container {
  background-color: #FFFFFF;
}

/* The arrow on the right of the component */
.aw_ext_componentextension_dropdownlist2_arrow {
  content: "";
  position: absolute;
  right: 0.5em;
  top: 0.6em;
  width: 0;
  height: 0;
  border-left: 0.3em solid transparent;
  border-right: 0.3em solid transparent;
  border-top: 0.4em solid #525252;
}

.aw_ext_componentextension_dropdownlist2_spacer,
.aw_ext_componentextension_dropdownlist2_chosen {
  border-right: 1.5em solid #BEBEBE;
  padding: 0.2em 0 0.2em 0.4em;
  color: #000000;
  cursor: default;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.aw_ext_componentextension_dropdownlist2_placeholder .aw_ext_componentextension_dropdownlist2_spacer,
.aw_ext_componentextension_dropdownlist2_placeholder .aw_ext_componentextension_dropdownlist2_chosen {
  padding-right: 30px;
}

.aw_ext_componentextension_dropdownlist2_clear {
  cursor: pointer;
  width: 30px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 1.5em;
  background: url(/appway/resource/classpath/ComponentExtension/aw/workspace/components/dropdownlist2/images/clear_not_active.png) no-repeat center center;
  display: none;
}
.aw_ext_componentextension_dropdownlist2_clear:hover {
  background-image: url(/appway/resource/classpath/ComponentExtension/aw/workspace/components/dropdownlist2/images/clear_active.png);
}

.aw_ext_componentextension_dropdownlist2_spacer {
  display: none;
}

.aw_ext_componentextension_dropdownlist2_placeholder .aw_ext_componentextension_dropdownlist2_chosen_isPlaceholder {
  color: #A9A9A9;
}

/** DROPDOWN SEARCH **/
.aw_ext_componentextension_dropdownlist2_popup_searchContainer {
  display: none;
  width: 100%;
  padding: 0 0.1em;
  box-sizing: border-box;
}

.aw_ext_componentextension_dropdownlist2_SearchField {
  position: relative;
}

.aw_ext_componentextension_dropdownlist2_SearchField_textField {
  line-height: 1.2em;
  width: 100%;
  min-width: 0;
  max-width: none;
  padding: 0.2em 1.5em 0.2em 0.4em;
  margin: 0;
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
}
.aw_ext_componentextension_dropdownlist2_SearchField_textField::-ms-clear {
  display: none;
}

.aw_ext_componentextension_dropdownlist2_SearchField_searchDecorator,
.aw_ext_componentextension_dropdownlist2_SearchField_loadingDecorator {
  position: absolute;
  width: 1em;
  height: 1em;
  top: 50%;
  margin-top: -0.5em;
  right: 0.5em;
}

.aw_ext_componentextension_dropdownlist2_SearchField_searchDecorator img,
.aw_ext_componentextension_dropdownlist2_SearchField_searchDecorator svg {
  fill: #525252;
  width: 100%;
}

.aw_ext_componentextension_dropdownlist2_SearchField_loadingDecorator {
  display: none;
  background-image: url(/appway/img/general/waitwheel_small.gif);
  background-repeat: no-repeat;
  background-position: center center;
}

/** STATES **/
.aw_ext_componentextension_dropdownlist2_SearchField_hasText .aw_ext_componentextension_dropdownlist2_SearchField_searchDecorator {
  display: none;
}

.aw_ext_componentextension_dropdownlist2_SearchField_loading .aw_ext_componentextension_dropdownlist2_SearchField_loadingDecorator {
  display: block;
}

/** DROPDOWN ITEMS LIST **/
.aw_ext_componentextension_dropdownlist2_ScrollableArea {
  display: none;
  width: 100%;
}

/** DROPDOWN STATES **/
.aw_ext_componentextension_dropdownlist2_focused {
  border-color: #35A7E5;
}

.aw_ext_componentextension_dropdownlist2_open {
  overflow: visible;
  border-color: #35A7E5;
}
.aw_ext_componentextension_dropdownlist2_open > .aw_ext_componentextension_dropdownlist2_container {
  display: none;
}
.aw_ext_componentextension_dropdownlist2_open .aw_ext_componentextension_dropdownlist2_spacer {
  display: block;
  border-right-color: transparent;
}
.aw_ext_componentextension_dropdownlist2_open.aw_ext_components_popup_dropdown_parent_openAbove {
  border-radius: 0 0 2px 2px;
}
.aw_ext_componentextension_dropdownlist2_open.aw_ext_components_popup_dropdown_parent_openBelow {
  border-radius: 2px 2px 0 0;
}

.aw_ext_components_form_popup .aw_ext_componentextension_dropdownlist2_popup_searchContainer,
.aw_ext_components_form_popup .aw_ext_componentextension_dropdownlist2_ScrollableArea {
  display: inline-block;
  outline: none;
}

.aw_ext_components_form_dropdown_popup > .aw_ext_componentextension_dropdownlist2_ScrollableArea {
  max-height: 7.5em;
}

.aw_ext_components_form_mediumscreen_popup > .aw_ext_componentextension_dropdownlist2_ScrollableArea {
  max-height: 11.5em;
}

.aw_ext_components_popup_dropdown_parent_openBelow {
  /* The following rule switches the down arrow with the up arrow */
}
.aw_ext_components_popup_dropdown_parent_openBelow > .aw_ext_componentextension_dropdownlist2_arrow {
  bottom: 0.6em;
  top: auto;
  border-top: 0;
  border-bottom: 0.4em solid #525252;
}

.aw_ext_components_form_fullscreen_popup {
  /* Applied when no element is selected */
  /* Applied when an element is selected */
}
.aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_dropdownlist2_chosen {
  background: #35A7E5;
  color: #FFFFFF;
  padding: 0.5em;
  position: relative;
}
.aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_dropdownlist2_chosen_isPlaceholder {
  display: none;
}
.aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_dropdownlist2_popup_searchContainer {
  padding: 0;
}
.aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_dropdownlist2_popup_searchContainer .aw_ext_componentextension_dropdownlist2_SearchField_textField {
  border-width: 1px 0;
  margin: 0;
  padding: 0.5em 1.5em 0.5em 0.5em;
  border-radius: 0;
}
.aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_dropdownlist2_chosen_isPlaceholder ~ .aw_ext_componentextension_dropdownlist2_ScrollableArea {
  height: calc(100% - 46px);
}
.aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_dropdownlist2_ScrollableArea {
  height: calc(100% - 46px - 2em);
}
.aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_dropdownlist2_ScrollableArea .awListItem {
  padding: 0.5em;
}

.aw_ext_componentextension_dropdownlist2_disabled .aw_ext_componentextension_dropdownlist2_chosen {
  background: #DBDBDB;
}

.aw_ext_componentextension_dropdownlist2_placeholder .aw_ext_componentextension_dropdownlist2_clear--enabled {
  display: block;
}

.aw_ext_componentextension_dropdownlist2_placeholder.aw_ext_componentextension_dropdownlist2_open .aw_ext_componentextension_dropdownlist2_clear--enabled {
  display: none;
}

.aw_ext_componentextension_dropdownlist2_disabled.aw_ext_componentextension_dropdownlist2_placeholder .aw_ext_componentextension_dropdownlist2_clear {
  display: none;
}

/** DROPDOWN POPUP **/
.aw_ext_componentextension_dropdownlist2_dropdownpopup {
  display: block;
  border-color: #35A7E5;
}
.aw_ext_componentextension_dropdownlist2_dropdownpopup.aw_ext_componentparts_popup_dropdown_showBelow {
  border-top-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.aw_ext_componentextension_dropdownlist2_dropdownpopup.aw_ext_componentparts_popup_dropdown_showAbove {
  border-bottom-width: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.aw_ext_componentextension_dropdownlist2_dropdownpopup > .aw_ext_componentextension_dropdownlist2_chosen {
  display: none;
}

.aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_dropdownlist2_chosen {
  border-right: 0;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/dropdownlist3/css/main.css -- */
/***************************
DROPDOWN LIST styled version
***************************/
/**
 * This file contains the z-index of all the generic elements in Appway.
 */
/** BASE DROPDOWN LIST STYLES **/
.awDropdownList {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  position: relative;
  display: inline-flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 250px;
  flex-shrink: 0;
}

.awDropdownList:focus,
.awDropdownList .awTextInput:focus,
.awDropdownList_popup:focus {
  outline: none;
}

.awDropdownList .awDropdownList_arrowIcon.awDropdownList_arrowIconInverted {
  display: none;
}

.awDropdownList_iconDivider {
  flex-shrink: 0;
  align-self: stretch;
  border-right: 1px solid rgba(177,175,179,1);
}

.awTextInput_clearIcon--hidden + .awDropdownList_iconDivider {
  display: none;
}

.awDropdownList .awTextInput_clearIcon--hidden {
  pointer-events: none;
}

.awDropdownList .awTextInput {
  min-height: inherit;
  height: inherit;
  flex-shrink: 0;
  cursor: pointer;
}

.awDropdownList .awTextInput_input {
  text-overflow: ellipsis;
}

.awDropdownList .awTextInput_icons {
  cursor: pointer;
}

/** STATES **/
.awDropdownList .awTextInput--disabled,
.awDropdownList .awTextInput--disabled .awTextInput_icons {
  cursor: default;
}

/** DROPDOWN SEARCH **/
.awDropdownList_popup .awSearchField,
.awDropdownList_fullscreenPopup .awSearchField {
  flex-shrink: 0;
}

/** DROPDOWN ITEMS LIST **/
.awDropdownlist_scrollableArea {
  display: none;
  width: 100%;
}

/** DROPDOWN STATES **/
.awDropdownList--open {
  overflow: visible;
}

.awDropdownList_popup .awDropdownlist_scrollableArea,
.awDropdownList_fullscreenPopup .awDropdownlist_scrollableArea {
  display: inline-block;
  outline: none;
}

/** DROPDOWN POPUP **/
.awDropdownList_popup .awPopup_content {
  display: flex;
  flex-direction: column;
}

.awDropdownList_popup.awPopup--above .awDropdownlist_scrollableArea {
  order: -1;
}

.awDropdownList_popup {
  margin-top: 32px;
  margin-bottom: 32px;
}

.awDropdownList_popup.awPopup--above {
  margin-bottom: 0;
}

.awDropdownList_popup.awPopup--below {
  margin-top: 0;
}

/**


DROPDOWN FULLSCREEN POPUP


**/
.awDropdownList_fullscreenPopup .awPopup_content {
  display: flex;
  flex-direction: column;
}

.awDropdownList_fullscreenPopup {
  border: 0;
}

.awDropdownList_fullscreenPopup .awFullscreenPopupWithHeader_confirmButton {
  visibility: hidden;
}

.awDropdownList_fullscreenPopup .awPopup_content .awSelectedOption {
  order: -1;
  flex-shrink: 0;
}

.awDropdownList_fullscreenPopup .awPopup_header {
  box-shadow: 0px 1px 0 0 rgba(0,0,0,0.4);
  z-index: 1;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/navigationmenu/css/main.css -- */
/***************************
NAVIGATION MENU
***************************/
.awNavigationMenu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  overflow: hidden;
  flex-grow: 1;
  min-width: 44px;
  box-sizing: border-box;
}

.awLayoutContainer--directionColumn > .awNavigationMenu {
  flex-grow: 0;
  width: 100%;
}

.awNavigationMenuElement,
.awNavigationMenu_popupHeader {
  overflow: hidden;
  min-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.awNavigationMenu:not(.awNavigationMenu--singleEntry) .awNavigationMenuElement {
  flex-grow: 1;
  position: relative;
}

.awLayout_alignments--columnLeft > .awNavigationMenu,
.awLayout_alignments--columnCenter > .awNavigationMenu,
.awLayout_alignments--columnRight > .awNavigationMenu {
  align-self: stretch;
}

/* NavigationMenuElement label*/
.awNavigationMenuElement_label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  width: 100%;
}

.awNavigationMenuElement_label:hover {
  cursor: pointer;
}

/* Mobile single entry menu - Center popup header and active element */
.awNavigationMenu.awNavigationMenu--singleEntry {
  -webkit-justify-content: center;
  justify-content: center;
}

.awNavigationMenu_popupHeader.awNavigationMenu--singleEntry {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.awNavigationMenuElement.awNavigationMenu--singleEntry {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.awNavigationMenuElement--clipped {
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
}

.awNavigationMenuElement--clipped .awNavigationMenuElement_label {
  text-overflow: ellipsis;
  overflow: hidden;
}

/* Popup activator icon */
.awNavigationMenu_popupActivator--inverted {
  transform: rotate(180deg);
}

/* HorizontalSeparator */
.awNavigationMenuElement::after {
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.awNavigationMenu_popup .awNavigationMenuElement::after,
.awNavigationMenu > .awNavigationMenuElement:nth-last-child(3)::after {
  display: none;
}

/* Preview */
.state_preview_NavigationMenuStyleProvider {
  min-width: 600px;
}

.state_preview_NavigationMenuStyleProvider .awNavigationMenuElement {
  padding-right: 8px;
  padding-left: 8px;
  background-color: rgba(0, 0, 0, 0);
}

.awNavigationMenu_popup .awNavigationMenuElement_label {
  text-align: left !important;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/filter/css/main.css -- */
.awSortingSelector_mobileLabel, .awSortingSelector_label, .awSortingSelector, .awFilter_name, .awFilterGroup_titleLabel, .awFilterGroup_title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.awFilterGroup {
  min-width: 0.1px; /* IE11 Bugfix: https://appway.atlassian.net/wiki/display/PD/Flexbox+bugs+and+unexpected+behaviours#Flexboxbugsandunexpectedbehaviours-2.ElementsinsideaLayoutContainernestedinanotherLayoutcontaineroverflowtheparent */
}

/** HEADER **/
.awFilterGroup_header {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 4px;
  padding-right: 16px;
  cursor: default;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.awFilterGroup_header img {
  max-width: 100%;
  max-height: 100%;
}

.awFilterGroup_title {
  cursor: pointer;
  display: flex;
  flex-grow: 1;
  align-items: center;
}

.awFilterGroup_expandablePanel {
  border-bottom: 1px solid rgba(255,255,255,0.6);
  height: 0;
  padding: 0;
  overflow: hidden;
}

/** FILTERS **/
.awFilterGroup_filters {
  display: flex;
  flex-wrap: wrap;
}

.awFilterGroup--open .awFilterGroup_expandablePanel {
  padding: 8px 0;
  height: auto;
  border-width: 0;
  overflow: auto;
}

/** GENERIC FILTER CONFIGURATION **/
.awFilter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  display: inline-block;
  margin: 16px 0;
  padding: 0 16px;
  flex-grow: 1;
  width: 50%;
  min-width: 300px;
  max-width: 600px;
  box-sizing: border-box;
}

.awFilter_name {
  margin-bottom: 8px;
}

.awFilter_optionContainer {
  position: relative;
  overflow: hidden;
}

.awFilter_optionInput {
  display: none;
}

.awFilter_option {
  padding: 8px 16px;
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 25%;
  position: relative;
  border-bottom: 1px solid rgba(202,200,204,1);
  cursor: pointer;
  word-wrap: break-word;
  box-sizing: border-box;
}

.awFilter_optionLabel:after {
  content: "";
  position: absolute;
  height: 70%;
  border-right: 1px solid rgba(202,200,204,1);
  right: -2px;
  top: 15%;
}

/** ACTIVE FILTERS **/
.awFilterGroup_resultBoxes {
  margin-top: 16px;
  padding: 0 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.awFilterGroup_expandablePanel_footer {
  display: flex;
  justify-content: flex-end;
  padding: 0 16px 4px;
}

.awFilterGroup_resetButton--hide {
  display: none;
}

.awFilterGroup_filter--highlighted .awFilter_optionContainer {
  animation: awFilter--highlight 2s;
}

@keyframes awFilter--highlight {
  from {
    box-shadow: 0 0 16px rgba(75,34,199,1);
  }
}
/** MOBILE **/
.awFilterGroup--mobile {
  padding: 0;
  border-bottom: 1px solid rgba(202,200,204,1);
}

.awFilterGroup--mobile .awFilterGroup_header {
  margin: 0;
  padding: 0;
  min-height: 32px;
  flex-wrap: nowrap;
}

.awFilterGroup--mobile .awFilterGroup_title {
  width: 50%;
  justify-content: center;
  border-right: 1px solid rgba(202,200,204,1);
  padding: 8px 0;
}

.awFilterGroup--mobile .awSortingSelector {
  width: 50%;
  justify-content: space-between;
  padding: 0 8px;
}

.awFilterGroup--mobile .awFilterGroup_expandablePanel {
  border: 0;
}

.awFilterGroup--mobile .awFilterGroup_resultBoxes {
  display: none;
}

.awFilterGroup_popup .awFilterGroup_expandablePanel {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: auto;
}

.awFilterGroup_popup .awFilterGroup_filters {
  flex-grow: 1;
  overflow: auto;
  display: block;
}

.awFilterGroup_popup .awFilter {
  width: 100%;
  max-width: none;
  flex-grow: 0;
}

/** FILTER LAYOUTS **/
/* 1 filter */
.awFilter_option:nth-child(1):nth-last-child(1) {
  width: 100%;
  border-bottom: none;
}

/* 2 filters */
.awFilter_option:nth-child(1):nth-last-child(2),
.awFilter_option:nth-child(2):nth-last-child(1) {
  width: 50%;
  border-bottom: none;
}

/* 3 filters */
.awFilter_option:nth-child(1):nth-last-child(3),
.awFilter_option:nth-child(2):nth-last-child(2),
.awFilter_option:nth-child(3):nth-last-child(1) {
  width: 33.33%;
  border-bottom: none;
}

/* 4 filters */
.awFilter_option:nth-child(1):nth-last-child(4),
.awFilter_option:nth-child(2):nth-last-child(3),
.awFilter_option:nth-child(3):nth-last-child(2),
.awFilter_option:nth-child(4):nth-last-child(1) {
  width: 50%;
}

.awFilter_option:nth-child(3):nth-last-child(2),
.awFilter_option:nth-child(4):nth-last-child(1) {
  border-bottom: none;
}

/* 5 filters */
.awFilter_option:nth-child(1):nth-last-child(5),
.awFilter_option:nth-child(2):nth-last-child(4),
.awFilter_option:nth-child(3):nth-last-child(3) {
  width: 33.33%;
}

.awFilter_option:nth-child(4):nth-last-child(2),
.awFilter_option:nth-child(5):nth-last-child(1) {
  width: 50%;
  border-bottom: none;
}

/* 6 filters */
.awFilter_option:nth-child(1):nth-last-child(6),
.awFilter_option:nth-child(2):nth-last-child(5),
.awFilter_option:nth-child(3):nth-last-child(4),
.awFilter_option:nth-child(4):nth-last-child(3),
.awFilter_option:nth-child(5):nth-last-child(2),
.awFilter_option:nth-child(6):nth-last-child(1) {
  width: 33.33%;
}

.awFilter_option:nth-child(4):nth-last-child(3),
.awFilter_option:nth-child(5):nth-last-child(2),
.awFilter_option:nth-child(6):nth-last-child(1) {
  border-bottom: none;
}

/* 7 filters */
.awFilter_option:nth-child(1):nth-last-child(7),
.awFilter_option:nth-child(2):nth-last-child(6),
.awFilter_option:nth-child(3):nth-last-child(5) {
  width: 33.33%;
}

.awFilter_option:nth-child(4):nth-last-child(4),
.awFilter_option:nth-child(5):nth-last-child(3),
.awFilter_option:nth-child(6):nth-last-child(2),
.awFilter_option:nth-child(7):nth-last-child(1) {
  width: 50%;
}

.awFilter_option:nth-child(6):nth-last-child(2),
.awFilter_option:nth-child(7):nth-last-child(1) {
  border-bottom: none;
}

/** STATES **/
.awFilterGroup--disabled {
  opacity: 0.5;
}

.awSortingSelector_mobileLabel, .awSortingSelector_label, .awSortingSelector, .awFilterGroup_title, .awFilterGroup_titleLabel, .awFilter_name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.awSortingSelector {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.awSortingSelector_label {
  margin-right: 8px;
}

.awSortingSelector_directionIcon {
  background: rgba(242,242,242,1);
  border-radius: 16px;
  padding: 4px;
  width: 24px;
  height: 24px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

.awSortingSelector_directionIcon--inverted {
  transform: rotate(180deg);
}

.awFilterGroup--mobile .awSortingSelector {
  border-left: 1px solid rgba(202,200,204,1);
  min-width: 0;
}

.awSortingSelector_mobileLabel {
  display: none;
}

.awFilterGroup--mobile .awSortingSelector_label {
  display: none;
}

.awFilterGroup--mobile .awSortingSelector_mobileLabel {
  display: inline-block;
}

.awFilterGroup--mobile .awSortingSelector .awSortingSelector_dropdown {
  min-width: 0;
  flex-grow: 0.5;
}

.awFilterGroup--mobile .awSortingSelector_directionIcon {
  background: transparent;
}

.awMultiChoiceFilter > .awFilter_optionContainer {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-around;
}

.awSliderFilter_backgroundTrack,
.awSliderFilter_selectionTrack {
  height: 4px;
  border-radius: 4px;
  margin: 16px calc(24px / 2);
}

.awSliderFilter_backgroundTrack {
  position: relative;
  left: 0;
  width: calc(100% - 2px * 2 - 24px);
  border-bottom: 1px solid rgba(255,255,255,0.6);
}

.awSliderFilter_selectionTrack {
  position: absolute;
  margin: 0;
  display: flex;
  justify-content: space-between;
}

.awSliderFilter_knob {
  position: relative;
}

.awSliderFilter_knob:after {
  content: "";
  width: 24px;
  height: 24px;
  background: rgba(255,255,255,1);
  position: absolute;
  top: calc(-24px / 2 + 4px / 2);
  left: calc(-24px / 2 + 2px);
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.4);
  cursor: pointer;
}

.awSliderFilter_values {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.awSliderFilter_value {
  max-width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.awSliderFilter_knob--overlapGuard {
  z-index: 1;
}

.awSliderFilter > .awFilter_optionContainer {
  box-shadow: none;
}

.awPreviewFilter {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #666666;
  min-height: 70px;
}

.awResultBox_innerContainer {
  margin: 0 8px 16px;
  padding: 8px 16px 8px 16px;
  width: 212px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.awResultBox {
  width: 228px;
  height: 65px;
}

.awResultBox-hide {
  display: none;
}

.awResultBox_textContainer {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  overflow: hidden;
}

.awResultBox_innerContainer .awIcon {
  width: 16px;
  height: 16px;
}

.awResultBox_innerContainer .awInteractiveElement {
  flex-shrink: 0;
  align-self: flex-end;
}

.awResultBox_label {
  margin-bottom: 4px;
}

.awResultBox_values {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/searchfield/css/main.css -- */
.awSearchField {
  box-sizing: border-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-width: 100px;
}

.awLayout--directionColumn > .awSearchField {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.awSearchField .awIcon,
.awSearchField_popup .awTextInput .awIcon {
  width: 1em;
  height: 1em;
}

.awSearchField_iconDivider {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-align-self: stretch;
  align-self: stretch;
  border-right: 1px solid rgba(177,175,179,1);
}

.awTextInput_clearIcon--hidden + .awSearchField_iconDivider {
  display: none;
}

.awTextField_interactiveElement--hidden {
  display: none;
}

.awSearchField_popup .awTextInput {
  flex-grow: 0;
}

.awSearchField .awIcon {
  cursor: pointer;
}

.awSearchField .awTextField_interactiveElement svg {
  transition: fill 150ms;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/multipleselectionfield/css/main.css -- */
/***************************
MULTIPLE SELECTION FIELD
***************************/
.awMultipleSelectionField {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: column;
  flex-shrink: 0;
}

.awMultipleSelectionField_arrowIcon {
  cursor: pointer;
}

.awMultipleSelectionField_arrowIcon .awIcon {
  pointer-events: none;
}

.awMultipleSelectionField--disabled .awMultipleSelectionField_arrowIcon {
  cursor: default;
}

.awMultipleSelectionField_popup:focus,
.awMultipleSelectionField_popup .aw_ext_components_scrollablearea,
.awMultipleSelectionField_fullscreenPopup .aw_ext_components_scrollablearea {
  outline: none;
}

.awMultipleSelectionField_bulkControls_container {
  flex-grow: 1;
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
  box-sizing: border-box;
  padding: 8px;
  border-top: 1px solid rgba(202,200,204,1);
}

.awMultipleSelectionField_bulkControls_container .awButton {
  flex-shrink: 1;
}

.awMultipleSelectionField_popup .awPopup_content {
  display: flex;
  flex-direction: column;
}

.awMultipleSelectionField_popup {
  margin-top: 32px;
  margin-bottom: 32px;
}

.awMultipleSelectionField_popup.awPopup--above {
  margin-bottom: 0;
}

.awMultipleSelectionField_popup.awPopup--below {
  margin-top: 0;
}

/*
FULLSCREEN POPUP
*/
.awMultipleSelectionField_fullscreenPopup .awPopup_content {
  display: flex;
  flex-direction: column;
}

.awMultipleSelectionField_fullscreenPopup .aw_ext_components_scrollablearea {
  max-height: none;
  flex-grow: 1;
}

.awMultipleSelectionField_fullscreenPopup .awMultipleSelectionField_bulkControls_container {
  flex-shrink: 0;
}

.awMultipleSelectionField_field .awAutoGrowTextInput {
  flex-grow: 1;
  align-self: stretch;
  position: relative;
  max-width: 100%;
  min-height: 1.25em;
}

.awAutoGrowTextInput_autoGrow {
  overflow: hidden;
  max-width: calc(100% - 5px);
  border-right: 1em solid transparent;
  color: transparent;
}

.awAutoGrowTextInput .awTextInput_input,
.awAutoGrowTextInput_autoGrow {
  height: 100%;
}

.awAutoGrowTextInput .awTextInput_input {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 5px);
  margin: 0;
  padding: 0;
}

.awMultipleSelectionField_fullscreenPopup:not(.awMultipleSelectionField--open) .awMultipleSelectionField_field_optionsContainer + .awAutoGrowTextInput {
  width: 100%;
}

.awSelectedOption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently not supported by any browser */
  cursor: default;
}

.awSelectedOption:not(.awSelectedOption--disabled) {
  cursor: pointer;
}

.awSelectedOption:focus,
.awSelectedOption--shiftFocused {
  outline: none;
}

.awSelectedOption_removeIcon {
  display: inline-block;
  cursor: pointer;
  opacity: 0.8;
}

.awSelectedOption_removeIcon:hover {
  opacity: 1;
}

.awSelectedOption_removeIcon .awIcon {
  pointer-events: none;
}

/* States */
.awSelectedOption--disabled .awSelectedOption_removeIcon {
  display: none;
}

.awMultipleSelectionField_field {
  display: flex;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 1;
  outline: none;
  min-height: inherit;
  height: inherit;
  max-height: inherit;
}

.awMultipleSelectionField_field_inputContainer {
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 100%;
  overflow: auto;
}

.awMultipleSelectionField_field_optionsContainer {
  flex-shrink: 1;
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  overflow-y: scroll;
}

.awMultipleSelectionField_field_optionsContainer:empty {
  display: none;
}

.awMultipleSelectionField_popup .awMultipleSelectionField_field,
.awMultipleSelectionField_fullscreenPopup .awMultipleSelectionField_field {
  order: -1;
}

.awMultipleSelectionField_fullscreenPopup .awFullscreenPopup-content {
  height: 100%;
}

.awMultipleSelectionField_fullscreenPopup .awMultipleSelectionField_field {
  flex-shrink: 0;
  flex-grow: 0;
  max-height: 50%;
  height: auto;
}

.awMultipleSelectionField_fullscreenPopup .awMultipleSelectionField_field_inputContainer {
  flex-direction: column;
  align-items: stretch;
  flex-wrap: nowrap;
}

.awMultipleSelectionField_fullscreenPopup .awMultipleSelectionField_field_icons {
  display: none;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/list/css/legacy/main.css -- */
/***************************
LIST
***************************/
.awList {
  list-style: none;
  margin: 0;
  padding: 0.1em;
  position: relative;
}

.awList_moreOptionsLoading {
  background-image: url(/appway/img/general/waitwheel_small.gif);
  background-repeat: no-repeat;
  background-position: center center;
  height: 20px;
}

.awListItem,
.awList_noMatches {
  cursor: default;
  padding: 0.2em 0.4em;
  color: #000000;
}

.awListItem--highlighted {
  color: #FFFFFF;
  background-color: #35A7E5;
}

.awListItem_noFilterText {
  color: inherit;
}

.awListItem_filterText {
  color: #969696;
  text-decoration: underline;
}

.awListItem--highlighted .awListItem_filterText {
  color: #DBDBDB;
}

.awListItemSelected_icon {
  width: 1em;
  height: 1em;
  margin-left: auto;
  display: none;
}

.awListItem--selected .awListItemSelected_icon {
  display: inline-block;
}

.awListItem--selected {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/list/css/main.css -- */
/***************************
LIST
***************************/
.awList {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.awList_moreOptionsLoading {
  background-image: url(/appway/img/general/waitwheel_small.gif);
  background-repeat: no-repeat;
  background-position: center center;
  height: 20px;
}

.awListEntry,
.awList_noMatches {
  cursor: default;
  list-style: none;
}

.awList_noMatches--hidden {
  display: none;
}

.awListEntry > .awLabel {
  pointer-events: none;
}

.awListEntry_noFilterText,
.awListEntry_filterText {
  color: inherit;
  display: inline-block;
}

.awListEntry_noFilterText {
  opacity: 0.5;
}

.awListEntry_filterText {
  text-decoration: underline;
}

.awListEntry .awInteractiveElement {
  pointer-events: none;
}

.awListEntry:not(.awListEntry--selected) .awInteractiveElement {
  display: none;
}

.awListEntry--selected {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/datepicker2/css/main.css -- */
/***************************
DATE PICKER

- The class 'aw_ext_componentextension_datepicker2_DatePicker_spacer' is used to position the calendar icon on the right of the placeholder label with some space and padding.
- The class 'aw_ext_componentextension_datepicker2_input_container' is assigned to a container (with position relative) to place the calendar icon absolutely inside it.
- The class 'aw_ext_componentextension_datepicker2_DatePicker_date_field' refers to the actual input field
- The class 'aw_ext_componentextension_datepicker2_DatePicker_open' is assigned to the component container when the user clicks on the calendar icon

***************************/
/** BASE DATE PICKER STYLES **/
.aw_ext_componentextension_datepicker2_DatePicker,
.aw_ext_componentextension_datepicker2_DatePicker_spacer {
  border: 1px solid #BEBEBE;
}

.aw_ext_componentextension_datepicker2_DatePicker,
.aw_ext_componentextension_datepicker2_input_container {
  position: relative;
}

input.aw_ext_componentextension_datepicker2_DatePicker_date_field {
  margin: 0;
  border: 0;
  border-radius: 0;
}

.aw_ext_componentextension_datepicker2_DatePicker_spacer,
input.aw_ext_componentextension_datepicker2_DatePicker_date_field {
  display: block;
  width: 100%;
  box-sizing: border-box;
  color: #000000;
  padding: 0.2em 0 0.2em 0.4em;
  border-right: 1.5em solid #BEBEBE;
}

.aw_ext_componentextension_datepicker2_DatePicker_spacer {
  display: none;
}

.aw_ext_componentextension_datepicker2_DatePicker_calendar_icon,
.aw_ext_componentextension_datepicker2_DatePicker_throbber {
  position: absolute;
  top: 50%;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
}

.aw_ext_componentextension_datepicker2_DatePicker_calendar_icon {
  right: 0.25em;
}

.aw_ext_componentextension_datepicker2_DatePicker_calendar_icon svg,
.aw_ext_componentextension_datepicker2_DatePicker_calendar_icon img {
  width: 100%;
}

.aw_ext_componentextension_datepicker2_DatePicker_calendar_icon svg {
  fill: #525252;
  pointer-events: none;
}

.aw_ext_componentextension_datepicker2_DatePicker_throbber {
  display: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-image: url("/appway/img/general/throbber16darkgray.gif");
  right: 1.5em;
}

.aw_ext_componentextension_datepicker2_DatePicker_widget_header {
  padding: 0.4em;
}

/** OPEN DATEPICKER STATE **/
.aw_ext_componentextension_datepicker2_DatePicker_open {
  border: 0;
  overflow: visible;
}

.aw_ext_componentextension_datepicker2_dropdownpopup .aw_ext_componentextension_datepicker2_input_container,
.aw_ext_componentextension_datepicker2_dropdownpopup .aw_ext_componentextension_datepicker2_DatePicker_widget_container {
  border: 1px solid #35A7E5;
  border-radius: 2px;
}

.aw_ext_componentextension_datepicker2_dropdownpopup .aw_ext_componentextension_datepicker2_DatePicker_widget_container {
  min-width: 300px;
  max-width: 450px;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  background-color: #FFFFFF;
}

.aw_ext_componentextension_datepicker2_dropdownpopup input.aw_ext_componentextension_datepicker2_DatePicker_date_field {
  border: 0;
  padding-right: 1.5em;
  min-width: inherit;
}

.aw_ext_componentextension_datepicker2_DatePicker_open .aw_ext_componentextension_datepicker2_DatePicker_spacer {
  display: block;
  border-radius: 2px;
}

.aw_ext_componentextension_datepicker2_DatePicker_open > .aw_ext_componentextension_datepicker2_input_container {
  display: none;
}

/** DISABLED DATEPICKER STATE **/
.aw_ext_componentextension_datepicker2_DatePicker_disabled input.aw_ext_componentextension_datepicker2_DatePicker_date_field {
  background-color: #DBDBDB;
}

/** FULLSCREEN POPUP **/
.aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_datepicker2_DatePicker_calendar_icon {
  display: none;
}

.aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_datepicker2_DatePicker_throbber {
  right: 1em;
  background-image: url("/appway/img/general/throbber16white.gif");
}

.aw_ext_components_form_fullscreen_popup input.aw_ext_componentextension_datepicker2_DatePicker_date_field {
  border-right: 0;
  padding: 0.5em 1.5em 0.5em 1em;
}

.aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_datepicker2_has_placeholder input.aw_ext_componentextension_datepicker2_DatePicker_date_field {
  background: #DBDBDB;
}

.aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_datepicker2_input_container:not(.aw_ext_componentextension_datepicker2_has_placeholder) input.aw_ext_componentextension_datepicker2_DatePicker_date_field {
  background: #35A7E5;
  color: #FFFFFF;
}
.aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_datepicker2_input_container:not(.aw_ext_componentextension_datepicker2_has_placeholder) input.aw_ext_componentextension_datepicker2_DatePicker_date_field ::-webkit-input-placeholder {
  color: #FFFFFF;
}
.aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_datepicker2_input_container:not(.aw_ext_componentextension_datepicker2_has_placeholder) input.aw_ext_componentextension_datepicker2_DatePicker_date_field :-moz-placeholder { /* Firefox 18- */
  color: #FFFFFF;
}
.aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_datepicker2_input_container:not(.aw_ext_componentextension_datepicker2_has_placeholder) input.aw_ext_componentextension_datepicker2_DatePicker_date_field ::-moz-placeholder { /* Firefox 19+ */
  color: #FFFFFF;
}
.aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_datepicker2_input_container:not(.aw_ext_componentextension_datepicker2_has_placeholder) input.aw_ext_componentextension_datepicker2_DatePicker_date_field :-ms-input-placeholder {
  color: #FFFFFF;
}

/** DATE PICKER CALENDAR **/
.aw_ext_componentextension_datepicker2_Calendar_toolbar {
  padding: 0.4em;
  text-align: center;
}
.aw_ext_componentextension_datepicker2_Calendar_toolbar:after {
  content: "";
  display: table;
  clear: both;
}

.aw_ext_componentextension_datepicker2_Calendar_current_month_label {
  color: #000000;
}

.aw_ext_componentextension_datepicker2_Calendar_prev_month_button,
.aw_ext_componentextension_datepicker2_Calendar_next_month_button {
  cursor: pointer;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background-color: #BEBEBE;
  position: relative;
}
.aw_ext_componentextension_datepicker2_Calendar_prev_month_button:before,
.aw_ext_componentextension_datepicker2_Calendar_next_month_button:before {
  content: "";
  border-top: 0.25em solid transparent;
  border-bottom: 0.25em solid transparent;
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  margin-top: -0.25em;
}

.aw_ext_componentextension_datepicker2_Calendar_prev_month_button {
  float: left;
}
.aw_ext_componentextension_datepicker2_Calendar_prev_month_button:before {
  border-right: 0.4em solid #FFFFFF;
  left: 50%;
  margin-left: -0.25em;
}

.aw_ext_componentextension_datepicker2_Calendar_next_month_button {
  float: right;
}
.aw_ext_componentextension_datepicker2_Calendar_next_month_button:before {
  border-left: 0.4em solid #FFFFFF;
  right: 50%;
  margin-right: -0.25em;
}

.aw_ext_componentextension_datepicker2_Calendar_grid_container {
  width: 100%;
  font-size: 0.8em;
  border-collapse: collapse;
}

.aw_ext_componentextension_datepicker2_Calendar_grid_container th,
.aw_ext_componentextension_datepicker2_Calendar_cell {
  color: #000000;
}

.aw_ext_componentextension_datepicker2_Calendar_cell {
  border-bottom: 1px solid #BEBEBE;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  width: 14.29%;
  padding: 0.5em 0;
  border-radius: 2px;
}

.aw_ext_componentextension_datepicker2_Calendar_cell:hover {
  background-color: #35A7E5;
  color: #FFFFFF;
}

.aw_ext_componentextension_datepicker2_Calendar_cell_selected {
  background-color: #BEBEBE;
}

.aw_ext_componentextension_datepicker2_Calendar_cell_out_of_range,
.aw_ext_componentextension_datepicker2_Calendar_cell_of_prev_month,
.aw_ext_componentextension_datepicker2_Calendar_cell_of_next_month {
  opacity: 0.5;
}

/** DROPDOWN POPUP **/
.aw_ext_components_form_dropdown_popup .aw_ext_componentextension_datepicker2_Calendar_row:last-child > .aw_ext_componentextension_datepicker2_Calendar_cell {
  border: 0;
}

/** FULLSCREEN POPUP **/
.aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_datepicker2_Calendar {
  margin-bottom: 1em;
}

.aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_datepicker2_Calendar_grid_container {
  font-size: 1em;
}

/** DATE PICKER ROTATOR **/
.aw_ext_componentextension_datepicker2_Rotator,
.aw_ext_componentextension_datepicker2_DatePicker_today_button {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
}

.aw_ext_componentextension_datepicker2_Rotator {
  padding-right: 0.4em;
}

.aw_ext_componentextension_datepicker2_Rotator > .aw_form_field {
  width: 100%;
  margin: 0;
  min-width: 0;
  padding: 0;
}

.aw_invisible_error_box .ErrorBoxComponent .aw_ext_componentextension_datepicker2_Rotator .aw_form_field {
  border-color: #BEBEBE;
}

.aw_ext_componentextension_datepicker2_Rotator_year input.aw_form_field {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 2px;
}

.aw_ext_componentextension_datepicker2_DatePicker_today_button {
  border-radius: 2px;
  border: 1px solid #35A7E5;
  cursor: pointer;
  color: #35A7E5;
  padding: 0.15em 0.4em;
  text-align: center;
  background-color: transparent;
  font-size: inherit;
}

.aw_ext_componentextension_datepicker2_Rotator_widget {
  color: #000000;
  position: relative;
  overflow: hidden;
  height: 90px;
  width: 100%;
}

.aw_ext_componentextension_datepicker2_Rotator_options,
.aw_ext_componentextension_datepicker2_Rotator_next,
.aw_ext_componentextension_datepicker2_Rotator_prev {
  border: 1px solid #BEBEBE;
  box-sizing: border-box;
  border-radius: 2px;
  text-align: center;
}

.aw_ext_componentextension_datepicker2_Rotator_option,
.aw_ext_componentextension_datepicker2_Rotator_next,
.aw_ext_componentextension_datepicker2_Rotator_prev {
  color: #000000;
  line-height: 30px;
}

.aw_ext_componentextension_datepicker2_Rotator_next,
.aw_ext_componentextension_datepicker2_Rotator_prev {
  cursor: default;
  background-color: #BEBEBE;
  position: absolute;
  width: 100%;
  z-index: 1;
  font-weight: bold;
  font-size: 28px;
}

.aw_ext_componentextension_datepicker2_Rotator_next {
  border-bottom: 0;
  top: 0;
}

.aw_ext_componentextension_datepicker2_Rotator_prev {
  border-top: 0;
  bottom: 0;
}

.aw_ext_componentextension_datepicker2_Rotator_options {
  height: 100%;
  background-color: #FFFFFF;
}

/* DROPDOWN POPUP */
.aw_ext_components_form_dropdown_popup .aw_ext_componentextension_datepicker2_Rotator_year,
.aw_ext_components_form_dropdown_popup .aw_ext_componentextension_datepicker2_DatePicker_today_button {
  width: 25%;
}

.aw_ext_components_form_dropdown_popup .aw_ext_componentextension_datepicker2_Rotator_month {
  width: 50%;
}

/* FULLSCREEN POPUP */
.aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_datepicker2_DatePicker_widget_container {
  box-sizing: border-box;
  height: calc(100% - 2.4em);
  overflow-y: auto;
}

.aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_datepicker2_Rotator {
  width: 50%;
  padding-right: 0;
}

.aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_datepicker2_Calendar_toolbar {
  display: none;
}

.aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_datepicker2_DatePicker_widget_header {
  box-sizing: border-box;
  padding: 1em;
}

.aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_datepicker2_Rotator_year {
  padding-right: 1em;
}

.aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_datepicker2_DatePicker_today_button {
  float: right;
  margin-right: 1em;
  padding: 0.3em 1.3em;
}

@media (max-height: 500px) {
  .aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_datepicker2_DatePicker_widget_container {
    padding: 1em;
  }
  .aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_datepicker2_DatePicker_widget_container:after {
    content: "";
    display: table;
    clear: both;
  }
  .aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_datepicker2_DatePicker_widget_header,
.aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_datepicker2_DatePicker_today_button {
    float: left;
  }
  .aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_datepicker2_DatePicker_widget_header {
    width: 40%;
    padding: 0;
    margin-bottom: 1em;
  }
  .aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_datepicker2_Calendar {
    float: right;
    width: 60%;
    margin-bottom: 0;
  }
  .aw_ext_components_form_fullscreen_popup .aw_ext_componentextension_datepicker2_Rotator {
    padding-right: 1em;
  }
}
/** DATE PICKER POPUP **/
.aw_ext_componentextension_datepicker2_dropdownpopup {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  top: 0;
  margin: 0;
  padding: 0;
}
.aw_ext_componentextension_datepicker2_dropdownpopup.aw_form_field {
  min-width: 0;
  max-width: none;
}

.aw_ext_componentextension_datepicker2_dropdownpopup.aw_ext_componentparts_popup_dropdown_showAbove {
  top: auto;
  bottom: 0;
  box-shadow: none;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/datepicker3/css/main.css -- */
/***************************
DATE PICKER

- The class 'awDatePicker--open' is assigned to the component container when the user clicks on the calendar icon
- The class 'awDatePicker_input' refers to the actual input field

***************************/
/** BASE DATE PICKER STYLES **/
.awDatePicker {
  display: inline-flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 250px;
  flex-shrink: 0;
}

.awDatePicker {
  position: relative;
}

/** Make sure the height/min-height set by the styleBO on .awDatePicker is reflected on the nested elements  **/
.awDatePicker .awTextInput {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.awDatePicker .awTextInput {
  min-height: inherit;
  height: inherit;
}

.awDatePicker_throbber {
  display: none;
  width: 1em;
  height: 1em;
  background-color: transparent;
  background-repeat: no-repeat;
  background-image: url("/appway/img/general/throbber16darkgray.gif");
  padding-right: 0.25em;
}

.awDatePicker_calendarIcon .awIcon {
  pointer-events: none;
}

/** OPEN DATEPICKER STATE **/
.awDatePicker--open {
  overflow: visible;
}

.awDatePicker_popup_dateControls {
  padding: 0.4em;
}

/** FULLSCREEN POPUP **/
.awFullscreenPopup .awDatePicker--hasPlaceholder .awDatePicker_input {
  background: #DBDBDB;
}

.awFullscreenPopup .awDatePicker_calendarIcon {
  display: none;
}

.awFullscreenPopup .awDatePicker_input {
  border-right: 0;
  padding: 0.5em 1.5em 0.5em 1em;
}

.awFullscreenPopup .awDatePicker_throbber {
  right: 1em;
  background-image: url("/appway/img/general/throbber16white.gif");
}

.awFullscreenPopup .awTextInput:not(.awDatePicker--hasPlaceholder) .awDatePicker_input {
  background: #35A7E5;
  color: #FFFFFF;
}
.awFullscreenPopup .awTextInput:not(.awDatePicker--hasPlaceholder) .awDatePicker_input ::-webkit-input-placeholder {
  color: #FFFFFF;
}
.awFullscreenPopup .awTextInput:not(.awDatePicker--hasPlaceholder) .awDatePicker_input :-moz-placeholder { /* Firefox 18- */
  color: #FFFFFF;
}
.awFullscreenPopup .awTextInput:not(.awDatePicker--hasPlaceholder) .awDatePicker_input ::-moz-placeholder { /* Firefox 19+ */
  color: #FFFFFF;
}
.awFullscreenPopup .awTextInput:not(.awDatePicker--hasPlaceholder) .awDatePicker_input :-ms-input-placeholder {
  color: #FFFFFF;
}

.awDatePicker_calendarIcon {
  cursor: pointer;
}

/** DATE PICKER CALENDAR **/
.aw_ext_componentextension_datepicker2_Calendar_toolbar {
  padding: 0.4em;
  text-align: center;
}
.aw_ext_componentextension_datepicker2_Calendar_toolbar:after {
  content: "";
  display: table;
  clear: both;
}

.aw_ext_componentextension_datepicker2_Calendar_current_month_label {
  color: #000000;
}

.aw_ext_componentextension_datepicker2_Calendar_prev_month_button,
.aw_ext_componentextension_datepicker2_Calendar_next_month_button {
  cursor: pointer;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background-color: #BEBEBE;
  position: relative;
}
.aw_ext_componentextension_datepicker2_Calendar_prev_month_button:before,
.aw_ext_componentextension_datepicker2_Calendar_next_month_button:before {
  content: "";
  border-top: 0.25em solid transparent;
  border-bottom: 0.25em solid transparent;
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  margin-top: -0.25em;
}

.aw_ext_componentextension_datepicker2_Calendar_prev_month_button {
  float: left;
}
.aw_ext_componentextension_datepicker2_Calendar_prev_month_button:before {
  border-right: 0.4em solid #FFFFFF;
  left: 50%;
  margin-left: -0.25em;
}

.aw_ext_componentextension_datepicker2_Calendar_next_month_button {
  float: right;
}
.aw_ext_componentextension_datepicker2_Calendar_next_month_button:before {
  border-left: 0.4em solid #FFFFFF;
  right: 50%;
  margin-right: -0.25em;
}

.aw_ext_componentextension_datepicker2_Calendar_grid_container {
  width: 100%;
  font-size: 0.8em;
  border-collapse: collapse;
}

.aw_ext_componentextension_datepicker2_Calendar_grid_container th,
.aw_ext_componentextension_datepicker2_Calendar_cell {
  color: #000000;
}

.aw_ext_componentextension_datepicker2_Calendar_cell {
  border-bottom: 1px solid #BEBEBE;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  width: 14.29%;
  padding: 0.5em 0;
  border-radius: 2px;
}

.aw_ext_componentextension_datepicker2_Calendar_cell:hover {
  background-color: #35A7E5;
  color: #FFFFFF;
}

.aw_ext_componentextension_datepicker2_Calendar_cell_selected {
  background-color: #BEBEBE;
}

.aw_ext_componentextension_datepicker2_Calendar_cell_out_of_range,
.aw_ext_componentextension_datepicker2_Calendar_cell_of_prev_month,
.aw_ext_componentextension_datepicker2_Calendar_cell_of_next_month {
  opacity: 0.5;
}

/** DROPDOWN POPUP **/
.aw_ext_components_form_dropdown_popup .aw_ext_componentextension_datepicker2_Calendar_row:last-child > .aw_ext_componentextension_datepicker2_Calendar_cell {
  border: 0;
}

/** FULLSCREEN POPUP **/
.awFullscreenPopup .aw_ext_componentextension_datepicker2_Calendar {
  margin-bottom: 1em;
}

.awFullscreenPopup .aw_ext_componentextension_datepicker2_Calendar_grid_container {
  font-size: 1em;
}

/** DATE PICKER ROTATOR **/
.aw_ext_componentextension_datepicker2_Rotator,
.awDatePicker_todayButton {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
}

.aw_ext_componentextension_datepicker2_Rotator > .aw_form_field {
  width: 100%;
  margin: 0;
  min-width: 0;
  padding: 0;
}

.aw_invisible_error_box .ErrorBoxComponent .aw_ext_componentextension_datepicker2_Rotator .aw_form_field {
  border-color: #BEBEBE;
}

.aw_ext_componentextension_datepicker2_Rotator_year input.aw_form_field {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 2px;
}

.awDatePicker_todayButton {
  border-radius: 2px;
  border: 1px solid #35A7E5;
  cursor: pointer;
  color: #35A7E5;
  padding: 0.15em 0.4em;
  text-align: center;
  background-color: transparent;
  font-size: inherit;
}

.aw_ext_componentextension_datepicker2_Rotator_widget {
  color: #000000;
  position: relative;
  overflow: hidden;
  height: 90px;
  width: 100%;
}

.aw_ext_componentextension_datepicker2_Rotator_options,
.aw_ext_componentextension_datepicker2_Rotator_next,
.aw_ext_componentextension_datepicker2_Rotator_prev {
  border: 1px solid #BEBEBE;
  box-sizing: border-box;
  border-radius: 2px;
  text-align: center;
}

.aw_ext_componentextension_datepicker2_Rotator_option,
.aw_ext_componentextension_datepicker2_Rotator_next,
.aw_ext_componentextension_datepicker2_Rotator_prev {
  color: #000000;
  line-height: 30px;
}

.aw_ext_componentextension_datepicker2_Rotator_next,
.aw_ext_componentextension_datepicker2_Rotator_prev {
  cursor: default;
  background-color: #BEBEBE;
  position: absolute;
  width: 100%;
  z-index: 1;
  font-weight: bold;
  font-size: 28px;
}

.aw_ext_componentextension_datepicker2_Rotator_next {
  border-bottom: 0;
  top: 0;
}

.aw_ext_componentextension_datepicker2_Rotator_prev {
  border-top: 0;
  bottom: 0;
}

.aw_ext_componentextension_datepicker2_Rotator_options {
  height: 100%;
  background-color: #FFFFFF;
}

/* DROPDOWN POPUP */
.awDatePicker_popup .aw_ext_componentextension_datepicker2_Rotator_year,
.awDatePicker_popup .awDatePicker_todayButton {
  width: 25%;
}

.awDatePicker_popup .aw_ext_componentextension_datepicker2_Rotator_month {
  width: 50%;
}

/* FULLSCREEN POPUP */
.awFullscreenPopup .aw_ext_componentextension_datepicker2_Rotator {
  width: 50%;
  flex-grow: 1;
}

.awFullscreenPopup .aw_ext_componentextension_datepicker2_Calendar_toolbar {
  display: none;
}

.awFullscreenPopup .awDatePicker_popup_dateControls {
  box-sizing: border-box;
  display: flex;
  padding: 0;
}

.awFullscreenPopup .awDatePicker_todayButton {
  align-self: flex-end;
  margin-right: 1em;
  padding: 0.3em 1.3em;
}

.awFullscreenPopup .aw_ext_componentextension_datepicker2_Rotator {
  padding: 1em;
}

@media (max-height: 500px) {
  .awFullscreenPopup .awDatePicker_popup_dateControls {
    padding: 0;
    margin-bottom: 1em;
  }
  .awFullscreenPopup .aw_ext_componentextension_datepicker2_Calendar {
    margin-bottom: 0;
  }
}
.awDatePicker_popup .awPopup_content {
  display: flex;
  flex-direction: column;
  min-width: 300px;
}

.awDatePicker_popup .awPopup_content > * {
  flex-shrink: 0;
}

.awDatePicker_popup .awTextInput {
  order: -1;
}

.awDatePicker_popup {
  font-size: 16px;
  outline: none;
}

.awDatePicker_todayButton--isolated {
  display: none;
}

.awDatePicker_popup.awFullscreenPopup .awDatePicker_todayButton {
  display: none;
}
.awDatePicker_popup.awFullscreenPopup .awDatePicker_todayButton--isolated {
  display: block;
}

@media (max-height: 500px) {
  .awDatePicker_popup.awFullscreenPopup .awPopup_content {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .awDatePicker_popup.awFullscreenPopup .awTextInput {
    width: 100%;
    align-self: flex-start;
  }
  .awDatePicker_popup.awFullscreenPopup .awDatePicker_popup_dateControls {
    flex-grow: 1;
    display: block;
  }
  .awDatePicker_popup.awFullscreenPopup .aw_ext_componentextension_datepicker2_Calendar {
    flex-grow: 1;
  }
  .awDatePicker_popup.awFullscreenPopup .awDatePicker_todayButton {
    display: block;
    margin-left: 1em;
    width: auto;
  }
  .awDatePicker_popup.awFullscreenPopup .awDatePicker_todayButton--isolated {
    display: none;
  }
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/anchorbar/css/main.css -- */
/***************************
		ANCHOR BAR
***************************/
/***************************
	ANCHOR BAR
***************************/
.awAnchorBar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-shrink: 0;
  position: relative;
  width: 100%;
}

.awAnchorBar_entriesContainer {
  display: flex;
  align-items: stretch;
  overflow-x: hidden;
  flex-grow: 1;
  min-height: 32px;
  max-height: 200px;
  box-sizing: border-box;
}

.awAnchorBar_moreButtonContainer {
  min-width: 32px;
  max-width: 32px;
  height: 32px;
  box-sizing: border-box;
  padding: 8px;
}

.awAnchorBar_moreButton {
  width: 100%;
  height: 100%;
}

.awAnchorBar--expanded > .awAnchorBar_entriesContainer {
  flex-wrap: wrap;
}

.awAnchorBar--entriesFitContainer > .awAnchorBar_moreButtonContainer {
  display: none;
}

.awAnchorBar--scrollableRight > .awAnchorBar_entriesContainer {
  box-shadow: inset -15px 0 20px -14px rgba(0,0,0,0.4);
}

.awAnchorBar--scrollableLeft > .awAnchorBar_entriesContainer {
  box-shadow: inset 15px 0 20px -14px rgba(0,0,0,0.4);
}

.awAnchorBar--scrollableLeft.awAnchorBar--scrollableRight > .awAnchorBar_entriesContainer {
  box-shadow: inset -15px 0 20px -14px rgba(0,0,0,0.4), inset 15px 0 20px -14px rgba(0,0,0,0.4);
}

.awAnchorBar.awAnchorBar--expanded > .awAnchorBar_entriesContainer {
  box-shadow: none;
}

.awAnchorBar .awAnchorLink {
  max-width: 40%;
}

.awAnchorBar .awAnchorLink:only-child {
  max-width: 80%;
}

.awAnchorBar--expanded .awAnchorLink {
  max-width: 80%;
}

.awAnchorBar--empty {
  display: none;
}

/******************************
		ANCHOR LINK
******************************/
.awAnchorLink {
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
}

.awAnchorLink .awLabel {
  white-space: nowrap !important; /* !important needed to override generated style */
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/bubble/css/main.css -- */
/***************************
		BUBBLE
***************************/
.awBubble {
  max-width: 100%;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.awBubble--left {
  align-self: flex-start;
  border-left: 5px solid transparent;
}

.awBubble--right {
  align-self: flex-end;
  border-right: 5px solid transparent;
}

.awBubble_text {
  max-width: 100%;
  word-wrap: break-word;
}

.awBubble_image {
  display: inline;
}

.awBubble_callout--left,
.awBubble_callout--right {
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  position: relative;
  border-radius: 5px;
}

.awBubble_callout--left:after,
.awBubble_callout--right:after {
  content: "";
  position: absolute;
  display: block;
  height: 10px;
  width: 10px;
  transform: rotate(45deg);
  top: calc(50% - 5px);
}

.awBubble_callout--left:after {
  left: -5px;
}

.awBubble_callout--right:after {
  right: -5px;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/progressbar/css/main.css -- */
/***************************
PROGRESS BAR
***************************/
.awProgressBar_progress {
  height: 100%;
  border: none !important;
  box-sizing: border-box;
}

.awProgressBar--preview {
  min-width: 300px;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/droparea/css/main.css -- */
/***************************
DROP AREA
***************************/
.awDropArea {
  box-sizing: border-box;
  position: relative;
}

.awDropArea_overlay .awInteractiveElement {
  z-index: 1;
}

.awDropArea_overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  z-index: 1;
}

.awDropArea--preview {
  min-width: 200px;
  min-height: 100px;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/floatingpopup/css/main.css -- */
/***************************
		FLOATING POPUP
***************************/
.awFloatingPopup {
  pointer-events: all;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/modalpopup/css/main.css -- */
/***************************
		MODAL POPUP
***************************/
.awModalPopup {
  position: static;
}

.awModalPopup_divider {
  display: none;
}

/****************** Content *********************/
.awModalPopup .awPopup_content {
  display: flex;
  flex-direction: row;
  overflow: visible;
}

/****************** Icon *********************/
.awModalPopup_icon_container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-shrink: 0;
}

.awModalPopup_icon_container .awModalPopup_typeIcon > .awIcon {
  width: 24px;
  height: 24px;
}

/****************** Text *********************/
.awModalPopup_text_container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  min-width: 0.1px; /* IE11 Bugfix: https://appway.atlassian.net/wiki/display/PD/Flexbox+bugs+and+unexpected+behaviours#Flexboxbugsandunexpectedbehaviours-2.ElementsinsideaLayoutContainernestedinanotherLayoutcontaineroverflowtheparent */
}

.awModalPopup_text_container .awModalPopup_spacer {
  margin-bottom: 8px;
}

/****************** Footer *********************/
.awModalPopup > .awPopup_footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 16px;
}

.awModalPopup > .awPopup_footer .awModalPopup_spacer {
  margin-right: 16px;
}

.awModalPopup_cancelButton,
.awModalPopup_confirmButton {
  flex-shrink: 1;
}

/****************** Mobile *********************/
.awModalPopup--mobile .awPopup_content {
  flex-direction: column;
}
.awModalPopup--mobile .awPopup_footer {
  flex-direction: column;
}
.awModalPopup--mobile .awPopup_footer .awModalPopup_spacer {
  margin-top: 16px;
}
.awModalPopup--mobile .awModalPopup_icon_container {
  justify-content: center;
  align-items: center;
}
.awModalPopup--mobile .awModalPopup_titleText {
  text-align: center;
}
.awModalPopup--mobile .awModalPopup_divider {
  display: block;
  border-top: 1px solid rgba(202,200,204,1);
}

/****************** Preview *********************/
.awModalPopup--preview {
  position: static;
  display: flex;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/progresspopup/css/main.css -- */
/***************************
Progress Popup
***************************/
.awProgressPopup {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin-top: 32px;
  flex-shrink: 0;
}

.awProgressPopup_filesInfoContainer {
  flex-grow: 1;
  border-right: 1px solid rgba(202,200,204,1);
  margin-right: 16px;
  padding-right: 16px;
}

.awProgressPopup_titleText {
  word-break: break-all;
}

.awProgressPopup--validation .awProgressPopup_titleText,
.awProgressPopup--error .awProgressPopup_titleText {
  word-break: break-word;
}

.awProgressPopup_filesInfoContainer .awLabel {
  display: block;
}

.awProgressPopup_supportingText {
  margin-top: 4px;
}

.awProgressPopup_discardIcon .awIcon {
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.awProgressPopup_typeIcon .awIcon {
  width: 24px;
  height: 24px;
}

.awProgressPopup_discardIcon {
  cursor: pointer;
}

.awPopupOverlay[groupId=FileChooser_ProgressPopup] {
  padding: 0 32px 32px 32px;
}

/****************** Mobile *********************/
.awProgressPopup--mobile {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0;
}

.awProgressPopup--mobile .awProgressPopup_discardIcon .awIcon {
  width: 24px;
  height: 24px;
}

.awPopupOverlay--mobile[groupId=FileChooser_ProgressPopup] {
  padding: 0;
}

/****************** States *********************/
.awProgressPopup .awProgressPopup_supportingText {
  display: none;
}

.awProgressPopup--validation .awProgressBar, .awProgressPopup--error .awProgressBar {
  display: none;
}
.awProgressPopup--validation .awProgressPopup_supportingText, .awProgressPopup--error .awProgressPopup_supportingText {
  display: block;
}

/****************** Style Preview *********************/
.state_preview_ProgressPopupStyleProvider {
  min-width: 470px;
}

.awProgressPopup--preview {
  margin-top: 0;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/filechooser/css/main.css -- */
/***************************
FILE CHOOSER
***************************/
.awFileChooser {
  box-sizing: border-box;
}

.awFileChooser--disabled {
  opacity: 0.5;
}

.awFileChooser_hiddenInput {
  display: none;
}

.awFileChooser .awDropArea {
  height: 100%;
  min-height: inherit;
}

.awFileChooser .awDropArea_overlay .awIcon {
  width: 24px;
  height: 24px;
}

.awFileChooser .awDropArea_overlay {
  background-color: transparent;
}

.awFileChooser--preview {
  width: 450px;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/validationsummary/css/main.css -- */
/***************************
VALIDATION SUMMARY
***************************/
.ValidationSummaryTitle,
.ValidationSummaryMessage {
  color: #FF0000;
}

.ValidationSummary {
  border: 1px solid #FF0000;
  padding: 5px;
}

.ValidationSummaryList {
  margin: 5px 0 0 0;
  padding: 0 0 0 20px;
}

.ValidationSummaryMessage {
  cursor: pointer;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/passwordfield/css/main.css -- */
/***************************
PASSWORDFIELD
Style applied to PasswordField, no matter which styleBO is selected
***************************/
.awPasswordField {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: column;
  min-width: 150px;
}

.awLayout--directionColumn > .awPasswordField {
  flex-shrink: 0;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/passwordfield/css/legacy/main.css -- */
/***************************
PASSWORDFIELD
Style applied to PasswordField - Legacy version
***************************/
input.PasswordField {
  background-image: url(/appway/resource/classpath/ComponentExtension/aw/workspace/components/passwordfield/images/password_lock_icon.png);
  background-repeat: no-repeat;
  background-position: center right;
}

/* -- /resource/classpath/ComponentExtension/aw/workspace/components/scrollpane/css/main.css -- */
/***************************
SCROLL PANE
***************************/
/** IE11 **/
.awLayout_ie11.awScrollPane.awLayout--directionColumn > * {
  flex-shrink: 0;
}

/* -- /resource/classpath/ComponentExtension/aw/widgets/datatable/css/DataTableV3.css -- */
div.aw_widgets_datatable_DataTable {
  overflow: hidden;
  position: relative;
}

div.aw_widgets_datatable_DataTable_expand {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

div.aw_widgets_datatable_DataTable_throbber {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  display: none;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/appway/img/general/waitwheel.gif);
  background-color: #F1F1F1;
}

div.aw_widgets_datatable_DataTable_resizer_line {
  position: absolute;
  top: 0;
  left: 98px;
  right: 99px;
  bottom: 0;
  background-color: #F1F1F1;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}

div.aw_widgets_datatable_DataTable_resizer_handle {
  width: 200px;
  background-image: url(/appway/img/0.gif);
  cursor: col-resize;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  z-index: 100;
}

/*
General Editor Classes
*/
div.aw_widgets_datatable_DataTable div.aw_widgets_datatable_editor_save {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 16px;
  cursor: pointer;
  background-image: url(/appway/aw/widgets/datatable/img/Save.png);
  background-repeat: no-repeat;
  background-position: center center;
}

/*
Text Editor
*/
div.aw_widgets_datatable_DataTable input.aw_widgets_datatable_editor_TextEditor_input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #BEBEBE;
  border-radius: 2px;
  margin: 0;
  padding: 2px;
  height: 21px;
  outline: none;
  /* override workspace styles */
  font-size: 12px;
  line-height: normal;
  display: inline;
}

div.aw_widgets_datatable_DataTable input.aw_widgets_datatable_editor_TextEditor_input:disabled {
  opacity: 0.7;
}

div.aw_widgets_datatable_DataTable input.aw_widgets_datatable_editor_TextEditor_input::-ms-clear {
  width: 0;
  height: 0;
}

/*
Boolean Editor
*/
div.aw_widgets_datatable_DataTable input.aw_widgets_datatable_editor_BooleanEditor_input {
  /*
  Firefox and Chrome on Windows use a massive margin and padding
  together with a relatively big checkbox design, it is rendered
  too big unless displayed as inline-block with explicitly setting
  the margin to 0 and padding to 0.
  */
  display: inline-block;
  max-height: 26px;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.aw_widgets_datatable_ContentPanel {
  clear: both;
  position: relative;
  background-color: white;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.aw_widgets_datatable_ContentPanel_placeholder {
  background-image: url(/appway/aw/widgets/datatable/img/WaitWheelRow.gif);
  background-repeat: repeat-y;
  background-position: center top;
}

.aw_widgets_datatable_ContentPanel_page {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  background-color: white;
}

.aw_widgets_datatable_ContentPanel_row_hoverable:hover {
  background-color: #F1F1F1;
}

.aw_widgets_datatable_ContentPanel_row_selected,
.aw_widgets_datatable_ContentPanel_row_selected:hover {
  background-color: #D4E3F2;
}

.aw_widgets_datatable_ContentPanel_row_even {
  background-color: #E7E7E7;
}

.aw_widgets_datatable_ContentPanel_row_odd {
  background-color: transparent;
}

.aw_widgets_datatable_ContentPanel_cell {
  padding: 6px 4px;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  text-align: left;
  vertical-align: middle;
  background-color: transparent;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
  font-size: 14px;
}

.aw_widgets_datatable_ContentPanel_cell.aw_widgets_datatable_ContentPanel_cell_editor_active {
  padding: 2px;
}

.aw_widgets_datatable_ContentPanel_cell_disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.aw_widgets_datatable_ContentPanel_cell_bordered {
  border-right: 1px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
}

/*
 * In case the content does not fit into the body container of the table, then the last
 * row of the table must not show a border at the bottom of the cells. Otherwise there
 * will be two borders touching each other.
 */
.aw_widgets_datatable_ContentPanel_overflow .aw_widgets_datatable_ContentPanel_cell_bordered.aw_widgets_datatable_ContentPanel_cell_of_last_row {
  border-bottom: 1px solid transparent;
}

.aw_widgets_datatable_ContentPanel_cell_content {
  font-size: inherit;
}

.aw_widgets_datatable_ContentPanel_cell_content_node {
  font-size: inherit;
  padding: 0 2px;
}

.aw_widgets_datatable_ContentPanel_cell_column_name {
  display: none;
  font-size: inherit;
}

.aw_widgets_datatable_ContentPanel_cell_icon_wrapper {
  font-size: inherit;
  vertical-align: text-top;
  display: inline-block;
}

.aw_widgets_datatable_ContentPanel_cell_icon_img {
  display: inline; /* display has to be inline! otherwise text-overflow:ellipsis will not work anymore! */
  vertical-align: text-top;
  width: 1.143em;
  height: 1.143em;
  border: none;
}

.aw_widgets_datatable_ContentPanel_cell_icon_svg {
  display: inline; /* display has to be inline! otherwise text-overflow:ellipsis will not work anymore! */
  vertical-align: text-top;
  width: 1.143em;
  height: 1.143em;
  border: none;
  pointer-events: none;
}

.aw_widgets_datatable_ContentPanel_cell_label {
  display: inline; /* display has to be inline! otherwise text-overflow:ellipsis will not work anymore! */
  font-size: inherit;
}

.aw_widgets_datatable_ContentPanel_cell_label_with_icon {
  padding-left: 4px;
}

.aw_widgets_datatable_ContentPanel_editor_loading {
  background-image: url(/appway/img/general/waitwheel_small.gif);
  background-repeat: no-repeat;
  background-position: center center;
}

.aw_widgets_datatable_ContentPanel_editor_trigger {
  /* DO NOT SET display:inline-block! -> text-overflow:ellipsis will not work anymore! */
  padding: 0 5px;
  background-color: transparent;
  background-image: url(/appway/aw/widgets/datatable/img/EditorTrigger.gif);
  background-repeat: no-repeat;
  background-position: center left;
  cursor: pointer;
  font-size: 14px;
}

.aw_widgets_datatable_ContentPanel_interline_toggler {
  /* DO NOT SET display:inline-block! -> text-overflow:ellipsis will not work anymore! */
  padding: 0 8px;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(/appway/aw/widgets/datatable/img/InterlineClosed.png);
}

.aw_widgets_datatable_ContentPanel_interline_toggler.aw_widgets_datatable_ContentPanel_interline_closed {
  background-image: url(/appway/aw/widgets/datatable/img/InterlineClosed.png);
}

.aw_widgets_datatable_ContentPanel_interline_toggler.aw_widgets_datatable_ContentPanel_interline_open {
  background-image: url(/appway/aw/widgets/datatable/img/InterlineOpen.png);
}

.aw_widgets_datatable_ContentPanel_interline_cell {
  border-right: 1px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
  /* Prevent inheritance of DataTable specific
   * style for the content of interlines by
   * setting these styles to auto.
   */
  padding: 0;
  cursor: auto;
  font-size: inherit;
  line-height: normal;
  white-space: normal;
  border-collapse: separate;
  overflow: visible;
}

.aw_widgets_datatable_ContentPanel_cell_bordered.aw_widgets_datatable_ContentPanel_interline_cell {
  border-bottom: 1px solid #DBDBDB;
}

.aw_widgets_datatable_ContentPanel_interline_loading {
  line-height: 30px;
  padding: 0 0 0 35px;
  background-repeat: no-repeat;
  background-position: 15px center;
  background-image: url(/appway/img/general/waitwheel_small.gif);
}

/*
 * MOBILE
 */
.aw_widgets_datatable_ContentPanel_mobile > div > table {
  /* Setting the table-layout to auto is necessary for Firefox */
  table-layout: auto;
}

.aw_widgets_datatable_ContentPanel_mobile > div > table > tbody > tr {
  border-bottom: 1px solid #DBDBDB;
}

.aw_widgets_datatable_ContentPanel_mobile > div > table > tbody > tr > td {
  /* It is necessary to use float:left instead of display:inline-block because of IE8 and IE9 */
  float: left;
  padding: 5px 3px;
  text-align: left !important;
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
}

.aw_widgets_datatable_ContentPanel_mobile > div > table > tbody > tr > td > .aw_widgets_datatable_ContentPanel_cell_column_name {
  /* DO NOT SET display:inline-block! -> text-overflow:ellipsis will not work anymore! */
  display: block;
  padding: 2px 0;
  margin: 0 2px;
  color: #707070;
  font-size: 14px;
}

.aw_widgets_datatable_ContentPanel_innerCell_content {
  white-space: pre-wrap;
  display: block;
}

.aw_widgets_datatable_ContentPanel {
  background-color: transparent;
}

.aw_widgets_datatable_ContentPanel_page {
  background-color: transparent;
}

.aw_widgets_datatable_ContentPanel_cell {
  padding: 10px 4px;
}

.aw_widgets_datatable_ContentPanel_cell_bordered {
  border-right: 1px solid transparent;
}

.aw_widgets_datatable_ContentPanel_row_interline_open .aw_widgets_datatable_ContentPanel_cell {
  border-bottom-color: transparent;
}

.aw_widgets_datatable_ContentPanel_interline_cell {
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

.aw_widgets_popup_dialog_Dialog.aw_widgets_datatable_FilterDialog {
  padding: 8px 0;
  cursor: default;
}

.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_FilterDialog_header {
  min-width: 200px;
  padding: 0 8px;
}

.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_FilterDialog_property {
  font-size: 16px;
  color: #000000;
  margin-right: 5px;
}

.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_FilterDialog_operation {
  font-size: 14px;
  color: #000000;
}

.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_FilterDialog_content {
  padding: 0 8px;
}

.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_FilterDialog_description {
  color: #969696;
  font-size: 13px;
  padding: 5px 8px 0 8px;
  max-width: 200px;
}

.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_FilterDialog_description.aw_widgets_datatable_FilterDialog_error {
  color: #FF0000;
}

.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_FilterDialog_apply_button {
  padding: 6px 10px;
  margin: 8px 8px 0 0;
  border-radius: 2px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
  background-color: #5B5B5B;
  white-space: nowrap;
  float: right;
  cursor: pointer;
  font-size: 14px;
}

/*
 * Configuaration Dialog Classes (TextFilter):
 */
.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_filter_TextFilter_input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  border: 1px solid #BEBEBE;
  border-radius: 2px;
  margin: 5px 0;
  padding: 3px;
  outline: none;
  font-size: 13px;
  height: auto;
  line-height: normal;
}

.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_filter_TextFilter_input::-ms-clear {
  width: 0;
  height: 0;
}

.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_filter_TextFilter_match_case_label span {
  color: #000000;
}

/*
 * Configuaration Dialog Classes (NumericFilter):
 */
.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_filter_NumericFilter_input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  border: 1px solid #BEBEBE;
  border-radius: 2px;
  margin: 5px 0;
  padding: 3px;
  outline: none;
  font-size: 13px;
  height: auto;
}

.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_filter_NumericFilter_input::-ms-clear {
  width: 0;
  height: 0;
}

.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_filter_NumericFilter_logic {
  font-size: 14px;
  text-align: center;
  padding: 0 10px;
  color: #000000;
}

.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_filter_NumericFilter_unit {
  font-size: 14px;
  padding-left: 2px;
}

/*
 * Configuaration Dialog Classes (DropdownFilter):
 */
.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_filter_DropdownFilter_logic {
  padding: 8px 0;
  cursor: default;
  font-size: 14px;
  color: #000000;
}

.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_filter_DropdownFilter_option {
  padding: 8px 0;
  cursor: default;
  font-size: 14px;
  color: #000000;
}

.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_filter_DropdownFilter_option input {
  font-size: 14px;
}

/*
 * Configuaration Dialog Classes (BooleanFilter):
 */
.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_filter_BooleanFilter_option {
  padding: 8px 0;
  cursor: default;
}

.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_filter_BooleanFilter_option input {
  margin-right: 5px;
  font-size: 14px;
}

.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_filter_BooleanFilter_option_row_object {
  font-size: 16px;
  color: #000000;
  margin-right: 5px;
}

.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_filter_BooleanFilter_option_value {
  font-size: 14px;
  color: #000000;
}

.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_filter_BooleanFilter_option_property {
  font-size: 16px;
  color: #000000;
  margin-left: 5px;
}

/*
 * Configuaration Dialog Classes (DateTimeFilter):
 */
.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_filter_DatetimeFilter_precision_label {
  font-size: 14px;
  margin-right: 2px;
  color: #000000;
}

.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_filter_DatetimeFilter_precision_select {
  font-size: 14px;
  color: #000000;
}

.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_filter_DatetimeFilter_logic {
  cursor: default;
  font-size: 14px;
  text-align: center;
  padding: 0;
  color: #000000;
}

.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_filter_DatetimePicker {
  margin: 10px 0;
  padding: 8px 0;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}

.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_filter_DatetimePicker_now {
  font-size: 14px;
}

.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_filter_DatetimePicker table {
  border-collapse: collapse;
  width: 220px;
  table-layout: fixed; /* Necessary for text-overflow:ellipsis of the cells */
}

.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_filter_DatetimePicker td {
  padding: 1px 3px;
  font-size: 14px;
  color: black;
  overflow: hidden; /* makes sure, that long labels will not destroy the layout */
  text-overflow: ellipsis; /* makes sure, that long labels will not destroy the layout */
}

/* Select and Input */
.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_filter_DatetimePicker_input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 3px;
  outline: none;
  font-size: 13px;
  height: auto;
  color: black;
}

/* Input only */
.aw_widgets_datatable_FilterDialog input.aw_widgets_datatable_filter_DatetimePicker_input {
  border: 1px solid #BEBEBE;
  border-radius: 2px;
}

.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_filter_DatetimePicker_input::-ms-clear {
  width: 0;
  height: 0;
}

.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_filter_DurationPicker {
  margin: 10px 0;
  padding: 8px 0;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}

.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_filter_DurationPicker table {
  border-collapse: collapse;
  width: 220px;
  table-layout: fixed; /* Necessary for text-overflow:ellipsis of the cells */
}

.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_filter_DurationPicker td {
  padding: 1px 3px;
  font-size: 14px;
  color: black;
  overflow: hidden; /* makes sure, that long labels will not destroy the layout */
  text-overflow: ellipsis; /* makes sure, that long labels will not destroy the layout */
}

/* Select and Input */
.aw_widgets_datatable_FilterDialog .aw_widgets_datatable_filter_DurationPicker_input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 3px;
  outline: none;
  font-size: 13px;
  height: auto;
  color: black;
}

/*
 * Inline Panel Classes:
 */
div.aw_widgets_datatable_FilterPanel {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #CCCCCC;
  background-color: #F1F1F1;
  padding: 0;
  cursor: default;
}

div.aw_widgets_datatable_FilterPanel_add_button {
  padding: 6px 10px;
  margin: 3px;
  background-color: #5B5B5B;
  border-radius: 2px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
  white-space: pre-wrap;
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
}

.aw_widgets_datatable_FilterPanel_add_element {
  padding: 8px 10px;
  cursor: pointer;
  color: #000000;
  font-size: 14px;
  white-space: nowrap;
  background-color: #FFFFFF;
}

.aw_widgets_datatable_FilterPanel_add_element:hover {
  color: #FFFFFF;
  background-color: #35A7E5;
}

div.aw_widgets_datatable_FilterPanel_rule {
  background-color: #969696;
  padding: 4px 27px 4px 10px;
  margin: 3px;
  border-radius: 1em;
  white-space: pre-wrap;
  display: inline-block;
  cursor: pointer;
  float: left;
  position: relative;
}

div.aw_widgets_datatable_FilterPanel_rule_no_clear {
  padding-right: 10px;
}

div.aw_widgets_datatable_FilterPanel_narrow div.aw_widgets_datatable_FilterPanel_rule {
  display: block;
  float: none;
}

span.aw_widgets_datatable_FilterPanel_rule_property {
  white-space: nowrap;
  color: #FFFFFF;
  font-size: 16px;
}

span.aw_widgets_datatable_FilterPanel_rule_value {
  white-space: nowrap;
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  font-size: 16px;
}

.aw_widgets_datatable_filter_TextFilter_rule span.aw_widgets_datatable_FilterPanel_rule_value {
  white-space: normal;
  word-break: break-all;
}

span.aw_widgets_datatable_FilterPanel_rule_text {
  white-space: nowrap;
  color: #FFFFFF;
  font-size: 14px;
}

span.aw_widgets_datatable_FilterPanel_rule_logic {
  white-space: nowrap;
  color: #FFFFFF;
  font-size: 14px;
}

span.aw_widgets_datatable_FilterPanel_rule_clear {
  display: block;
  position: absolute;
  right: 5px;
  top: 0;
  bottom: 0;
  width: 16px;
  background-image: url(/appway/aw/widgets/datatable/img/ClearRule.png);
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}

span.aw_widgets_datatable_FilterPanel_rule_clear:hover {
  background-image: url(/appway/aw/widgets/datatable/img/ClearRuleHover.png);
}

.aw_widgets_datatable_FilterPanel_narrow .aw_widgets_datatable_FilterPanel_column_filters {
  display: block;
  float: none;
}

.aw_widgets_datatable_FilterPanel_global_filter {
  float: right;
  width: 200px;
  margin: 3px;
  padding: 0;
  font-size: 14px;
  overflow: hidden;
  position: relative;
  min-height: 22px;
}

.aw_widgets_datatable_FilterPanel_narrow .aw_widgets_datatable_FilterPanel_global_filter {
  display: block;
  float: none;
  width: auto;
}

/*
 * Classes for TextFilter when it acts as the global filter:
 */
.aw_widgets_datatable_FilterPanel_global_filter .aw_widgets_datatable_filter_TextFilter_input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border: 1px solid #BEBEBE;
  border-radius: 2px;
  margin: 0;
  padding: 3px 22px 3px 3px;
  outline: none;
  font-size: 13px;
  height: auto;
  line-height: normal;
  background-image: url(/appway/aw/widgets/datatable/img/GlobalFilterMagnifier.png);
  background-repeat: no-repeat;
  background-position: right center;
}

.aw_widgets_datatable_FilterPanel_global_filter .aw_widgets_datatable_filter_TextFilter_input_has_value {
  background-image: url(/appway/aw/widgets/datatable/img/ClearInput.png);
}

.aw_widgets_datatable_FilterPanel_global_filter .aw_widgets_datatable_filter_TextFilter_input_clear_area {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 20px;
  cursor: pointer;
}

.aw_widgets_datatable_FilterPanel_global_filter .aw_widgets_datatable_filter_TextFilter_input::-ms-clear {
  width: 0;
  height: 0;
}

div.aw_widgets_datatable_FilterPanel {
  border-bottom: none;
  background-color: transparent;
}

div.aw_widgets_datatable_HeaderPanel {
  clear: both;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #CCCCCC;
  background-color: #F1F1F1;
}

table.aw_widgets_datatable_HeaderPanel_table {
  border-collapse: collapse;
  table-layout: fixed;
}

td.aw_widgets_datatable_HeaderPanel_cell {
  border-right: 1px dotted #CCCCCC;
  cursor: default;
  vertical-align: middle;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 5px center;
}

div.aw_widgets_datatable_HeaderPanel_label {
  padding: 5px;
  overflow: hidden;
  color: #707070;
  font-size: 14px;
  text-overflow: ellipsis;
  text-align: left;
  white-space: nowrap; /* might get overritten by the data table model. */
  position: relative;
}

div.aw_widgets_datatable_HeaderPanel_filter {
  background-image: url(/appway/aw/widgets/datatable/img/HeaderFilterButton.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  width: 20px;
  float: left;
}

div.aw_widgets_datatable_HeaderPanel_sorter {
  background-image: url(/appway/aw/widgets/datatable/img/NoSort.png);
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10px;
  float: left;
}

div.aw_widgets_datatable_HeaderPanel_sorter.aw_widgets_datatable_HeaderPanel_sorting {
  background-size: contain;
  background-image: url(/appway/img/general/waitwheel_small.gif);
}

div.aw_widgets_datatable_HeaderPanel_sorter.aw_widgets_datatable_HeaderPanel_asc {
  background-size: contain;
  background-image: url(/appway/aw/widgets/datatable/img/SortUp.png);
}

div.aw_widgets_datatable_HeaderPanel_sorter.aw_widgets_datatable_HeaderPanel_desc {
  background-size: contain;
  background-image: url(/appway/aw/widgets/datatable/img/SortDown.png);
}

div.aw_widgets_datatable_HeaderPanel {
  border-bottom: 1px solid #515151;
  background-color: transparent;
}

td.aw_widgets_datatable_HeaderPanel_cell {
  border-right: 1px solid transparent;
}

div.aw_widgets_datatable_HeaderPanel_label {
  min-height: 15px;
  padding: 10px 5px;
}

div.aw_widgets_datatable_HeaderPanel_filter {
  width: 24px;
  float: none;
}

div.aw_widgets_datatable_HeaderPanel_sorter {
  float: none;
}

div.aw_widgets_datatable_interaction_PagePanel {
  text-align: right;
  display: inline-block;
  position: relative;
}

div.aw_widgets_datatable_interaction_PagePanel_throbber {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  display: none;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/appway/img/general/waitwheel_small.gif);
}

div.aw_widgets_datatable_interaction_PagePanel_button {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  margin: 2px 4px;
}

div.aw_widgets_datatable_interaction_PagePanel_button_disabled {
  cursor: default;
  opacity: 0.3;
}

input.aw_widgets_datatable_interaction_PagePanel_input {
  min-width: 30px;
  border: 1px solid #BEBEBE;
  border-radius: 2px;
  margin: 0;
  padding: 3px;
  outline: none;
  font-size: 14px;
  text-align: center;
  line-height: normal; /* overrides workspace settings */
}

input.aw_widgets_datatable_interaction_PagePanel_input[disabled] {
  cursor: default;
  opacity: 0.3;
}

div.aw_widgets_datatable_StatusPanel {
  padding: 2px 5px;
  cursor: default;
  background-color: #F1F1F1;
  border-top: 1px solid #CCCCCC;
}

div.aw_widgets_datatable_StatusPanel table {
  border-collapse: collapse;
  margin: 3px 0;
}

div.aw_widgets_datatable_StatusPanel td {
  padding: 0;
  vertical-align: middle;
}

div.aw_widgets_datatable_StatusPanel_throbber {
  background-color: #F1F1F1;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/appway/img/general/waitwheel_small.gif);
  width: 16px;
  height: 16px;
  cursor: default;
  margin: 0 10px 0 5px;
  display: none;
}

div.aw_widgets_datatable_StatusPanel_text {
  font-size: 14px;
}

/*
Error Messages Classes
*/
div.aw_widgets_datatable_StatusPanel_error_sign {
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(/appway/img/warning.png);
  line-height: 19px;
  font-size: 14px;
  white-space: nowrap;
  cursor: pointer;
  padding: 0 0 0 16px;
  margin: 0 10px 0 5px;
  display: none;
  color: #FF0000;
}

/*
Warning Messages Classes
 */
div.aw_widgets_datatable_StatusPanel_warning_sign {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/appway/img/warning.png);
  height: 12px;
  width: 12px;
  cursor: pointer;
  display: none;
  margin: 0 5px 0 10px;
}

div.aw_widgets_datatable_StatusPanel_warning_entry {
  padding: 0 0 0 20px;
  margin: 10px;
  min-height: 20px;
  background-repeat: no-repeat;
  background-position: 3px 3px;
  background-image: url(/appway/img/warning.png);
}

div.aw_widgets_datatable_StatusPanel {
  background-color: transparent;
}

.aw_widgets_popup_dialog_Dialog {
  position: absolute;
  border: 1px solid #35A7E5;
  border-radius: 2px;
  background-color: #FFFFFF;
  box-shadow: 0 5px 10px silver;
  padding: 0;
  overflow: auto;
}

.aw_widgets_popup_dialog_Dialog_modal {
  z-index: 10000000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(/appway/img/0.gif);
}
/*# sourceMappingURL= */