
.wui-slider               {background-color:#c0c0c0;border:solid 1px #999999;height:8px;position:relative;border-radius:2px;box-shadow:inset 1px 1px 1px #666666}
.wui-slider-handle        {cursor:default;background-color:#eeeeee;border:solid 1px #999999;margin:-6px 0 0 -9px;height:18px;width:18px;position:absolute;border-radius:4px;-moz-user-select: none;-webkit-user-select: none;user-select: none;background-image:linear-gradient(180deg, #F9F9F9 0%, #F9F9F9 3%, #EAEAEA 4%, #D2d2d2 100%)}
.wui-slider-handle:hover  {background-color:#D0D8E4;background-image:linear-gradient(180deg, #D2D7E2 0%, #BAC0CB 100%);}
.wui-slider-handle:active {background-color:#D0D8E4;background-image:linear-gradient(180deg, #D2D7E2 0%, #BAC0CB 100%);}

.wui-slider-big                {background-color:#c0c0c0;border:solid 1px #999999;height:18px;position:relative;border-radius:2px;box-shadow:inset 1px 1px 1px #666666}
.wui-slider-big-handle         {cursor:default;background-color:#bbbbbb;border:solid 1px #999999;margin:-1px 0 0 -9px;height:18px;width:18px;position:absolute;border-radius:4px;background-image:-moz-linear-gradient(bottom, rgb(181,181,181) 16%, rgb(220,220,220) 58%);background-image:linear-gradient(bottom, rgb(181,181,181) 16%, rgb(220,220,220) 58%);-moz-user-select:none;-webkit-user-select:none;user-select:none;}
.wui-slider-big-handle:hover   {box-shadow:0 0 3px rgb(0, 72, 255);}
.wui-slider-big-handle:active  {box-shadow:0 0 3px rgb(0, 72, 255);background-image:linear-gradient(180deg, rgb(220,220,220) 16%, rgb(220,220,220) 58%);}

.wui-slider-v                  {background-color:#c0c0c0;border:solid 1px #999999;width:8px;height:100%;position:relative;border-radius:2px;box-shadow:inset 1px 1px 1px #666666;}
.wui-slider-v-handle           {cursor:default;background-color:#bbbbbb;border:solid 1px #999999;margin:-9px 0 0 -6px;height:18px;width:18px;position:absolute;border-radius:3px;background-image:-moz-linear-gradient(bottom, rgb(181,181,181) 16%, rgb(220,220,220) 58%);background-image:linear-gradient(bottom, rgb(181,181,181) 16%, rgb(220,220,220) 58%);-moz-user-select:none;-webkit-user-select:none;user-select:none;}
.wui-slider-v-handle:hover     {box-shadow:0 0 3px rgb(0, 72, 255);}
.wui-slider-v-handle:active    {box-shadow:0 0 3px rgb(0, 72, 255);background-image:linear-gradient(180deg, rgb(220,220,220) 16%, rgb(220,220,220) 58%);}

.wui-button                    {background-color:#eeeeee;border:solid 1px #a0a0a0;border-radius:0px;border-color:#c6c6c6 #999999 #999999 #c6c6c6;text-decoration:none;display:inline-block;font-size:11px;font-family:Arial,Sans-serif,Helvetica;cursor:pointer;font-weight:normal;color:#000000;margin:0 8px 0 0;padding:2px 8px 2px 8px;background-color:#D2d2d2;background-image:linear-gradient(180deg, #e7e7e7 0%, #D2d2d2 100%);letter-spacing:0;min-height:initial}
.wui-button:focus,
.wui-button:hover              {color:#000000;outline:none;border:solid 1px #8BA1B9;border-bottom:1px solid #68829F;border-right:1px solid #68829F;background-color:#D0D8E4;background-image:linear-gradient(180deg, #D2D7E2 0%, #BAC0CB 100%);}

.wui-button-selected           {background-color:#ffffff;color:#000000;}

.wui-label                     {line-height:21px;padding:0 4px 0 0}
.wui-input                     {box-sizing:border-box;background-color:#ffffff;width:auto;border:solid 1px #aaaaaa;border-radius:1px;display:inline-block;margin:0 0 0 0;min-height:21px;padding:2px 2px 2px 2px;font-size:11px;}
.wui-input-container           {display:inline-block;position:relative;vertical-align:top}
.wui-input-color               {padding-left:20px}
.wui-input-color-selector-bg   {position:absolute;left:3px;top:3px;width:12px;height:12px;border:solid 1px transparent}
.wui-input-color-selector      {position:absolute;left:3px;top:3px;width:12px;height:12px;border:solid 1px #aaaaaa}
.wui-input-file                {float:left}
.wui-input-file-selector       {cursor:pointer;float:left;margin:1px 0 0 -19px;width:18px;height:19px;position:relative;}
.wui-input-file-selector:before {content:'';position:absolute;left:0px;top:1px;width:18px;height:18px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:800px;background-repeat:no-repeat;background-position:-199px -71px !important}
.wui-input-file-selector:hover  {transform: scale(1.2);transition:all 0.1s linear;}

.wui-select                                  {box-sizing:border-box;cursor:default;display:inline-block;vertical-align:bottom;overflow:hidden;border:solid 1px #c0c0c0;background-color:#ffffff}
.wui-select .wui-select-selected             {position:relative;white-space:nowrap;background-color:#ffffff;font-size:11px;line-height:19px;height:19px;padding:0px 20px 0px 4px;overflow:hidden;-moz-user-select:none;-webkit-user-select:none;user-select:none;}
.wui-select .wui-select-selected-icon        {padding-left:24px;background-repeat:no-repeat;width:calc(100% - 46px);background-position:3px center;background-size:18px}
.wui-select .wui-select-selected:after       {pointer-events:none;content:'';position:absolute;width:0;right:6px;top:8px;height:0;border:solid 4px #666666;border-color:#666666 transparent transparent transparent}
.wui-select .wui-select-selected-icon:before               {left:0;top:0;content:'';position:absolute;width:20px;height:20px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:20px 20px;background-size:800px;background-repeat:no-repeat}
.wui-select .wui-select-selected-icon-user-admin:before    {background-position:-230px -262px}
.wui-select .wui-select-selected-icon-user-designer:before {background-position:-326px -262px}
.wui-select .wui-select-selected-icon-user-standard:before {background-position:-198px -262px}
.wui-select .wui-select-selected-icon-user-cloud:before    {background-position:-262px -262px}
.wui-select .wui-select-selected-icon-user-public:before   {background-position:-166px -262px}

.wui-select .wui-select-selectable           {z-index:100;background-color:#ffffff;outline:solid 1px #c0c0c0;position:absolute;margin:1px 0 0 0;display:none;overflow:auto;font-size:11px;}
.wui-select .wui-select-selectable div       {padding:2px 20px 2px 4px;line-height:15px}
.wui-select .wui-select-selectable div.selected  {background-color:#e3e3e3}
.wui-select .wui-select-selectable div.wui-select-item-icon       {position:relative;padding:4px 20px 4px 24px;background-repeat:no-repeat;background-position:3px center;background-size:18px}
.wui-select .wui-select-selectable div:hover {background-color:#f0f0f0}

.wui-select .wui-select-selectable div.wui-select-item-icon:before               {left:0;top:0;content:'';position:absolute;width:20px;height:20px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:20px 20px;background-size:800px;background-repeat:no-repeat;}
.wui-select .wui-select-selectable div.wui-select-item-icon-user-admin:before    {background-position:-230px -262px}
.wui-select .wui-select-selectable div.wui-select-item-icon-user-designer:before {background-position:-326px -262px}
.wui-select .wui-select-selectable div.wui-select-item-icon-user-standard:before {background-position:-198px -262px}
.wui-select .wui-select-selectable div.wui-select-item-icon-user-cloud:before    {background-position:-262px -262px}
.wui-select .wui-select-selectable div.wui-select-item-icon-user-public:before   {background-position:-166px -262px}

.wui-tabs                                        {}
.wui-tabs .wui-tabs-nav                          {width:100%;overflow:hidden;margin:0 0 -1px 0;padding:0 0 1px 0;-moz-user-select:none;-webkit-user-select:none;user-select:none;}
.wui-tabs .wui-tabs-nav li                       {float:left;cursor:pointer;list-style:none;line-height:23px;margin:0 -1px -1px 0;padding:0 10px 0 10px;background-color:#dddddd;border:solid 1px #a0a0a0;border-bottom-color:#a0a0a0}
.wui-tabs .wui-tabs-nav li:hover                 {background-color:#e3e3e3}
.wui-tabs .wui-tabs-nav li.wui-tab-selected      {background-color:#ffffff;border:solid 1px #a0a0a0;border-bottom-color:#ffffff;}
.wui-tabs .wui-tabs-content                      {display:none}
.wui-tabs .wui-tabs-content-active               {display:block}

#styletMask .wui-tabs .wui-tabs-nav li.wui-tab-selected               {background-color:#f0f0f0;border-bottom-color:#f0f0f0}  
#styletMask .wui-tabs .wui-tabs-nav li.wui-tab-white.wui-tab-selected {background-color:#ffffff;border-bottom-color:#ffffff} 

.wui-tabs-center                                 {text-align:center}

.wui-tabs-top                                    {position:absolute;width:100%;z-index:1000;-moz-user-select: none;-webkit-user-select:none;user-select:none;}
.wui-tabs-top .wui-tabs-nav                      {width:auto;box-shadow:0px 2px 8px rgba(0, 0, 0, 0.5);display:inline-block;overflow:hidden;margin:0 0 -1px 0;padding:0 1px 1px 0;-moz-user-select:none;-webkit-user-select:none;user-select:none;}
.wui-tabs-top .wui-tabs-nav li:hover             {background-color:#f0f0f0}
.wui-tabs-top .wui-tabs-nav li                   {float:left;cursor:pointer;list-style:none;line-height:23px;margin:0 -1px -1px 0;padding:0 10px 0 10px;background-color:#dddddd;border:solid 1px #a0a0a0;border-top:none}
.wui-tabs-top .wui-tabs-nav li.wui-tab-selected  {background-color:#ffffff;border:solid 1px #a0a0a0;border-top:none}

.wui-tabs-embed .wui-tabs-nav                    {margin-top:8px;box-shadow:0 0 1px rgba(255, 255, 255, 0.8);}
.wui-tabs-embed .wui-tabs-nav li                 {border-top:solid 1px #a0a0a0;}
.wui-tabs-embed .wui-tabs-nav li.wui-tab-selected {border-top:solid 1px #a0a0a0;}

.wui-messagebox                         {position:fixed;top:50%;left:50%;width:480px;max-width:90%;z-index:12000000}
.wui-messagebox-init > .wui-messagebox-inner {transform:scale(0.9)}
.wui-messagebox-closed > .wui-messagebox-inner {transform:scale(0)}
.wui-messagebox-inner                   {overflow:hidden;transform:scale(1);background-color:#eeeeee;box-shadow:0 4px 20px -1px rgba(0, 0, 0, 0.4);font-family:Arial,Sans-serif,Helvetica;color:#000000;font-size:11px;line-height:15px;_transition:all 0.3s cubic-bezier(0.6, -0.6, 0.6, 2);}
.wui-messagebox .wui-messagebox-title   {padding:5px 8px;font-weight:normal;color:#ffffff;background:linear-gradient(180deg, #5E6C83 0%, #061C3B 100%)}
.wui-messagebox .wui-messagebox-icon           {float:left;display:inline-block;position:relative;width:36px;height:36px;margin:20px 20px 20px 20px}
.wui-messagebox .wui-messagebox-icon:before    {content:'';position:absolute;left:3px;top:0px;width:36px;height:36px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:1600px;background-repeat:no-repeat;background-position:-142px -974px}
.wui-messagebox .wui-messagebox-icon:after     {content:'';position:absolute;left:3px;top:0px;width:36px;height:36px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:32px 32px;background-size:1600px;background-repeat:no-repeat}
.wui-messagebox .wui-messagebox-icon-error:before     {background-position:-14px -974px}
.wui-messagebox .wui-messagebox-icon-warning:before   {background-position:-78px -974px}
.wui-messagebox .wui-messagebox-icon-info:before      {background-position:-142px -974px}
.wui-messagebox .wui-messagebox-icon-question:before  {background-position:-206px -974px}
.wui-messagebox .wui-messagebox-icon-alert:before     {background-position:-78px -974px}
.wui-messagebox .wui-messagebox-icon-loading:before   {background-position:-270px -974px;top:-7px;left:9px;animation: messageboxLoadingBefore linear infinite 3.2s;}
.wui-messagebox .wui-messagebox-icon-loading:after    {background-position:-334px -974px;top:7px;left:-3px;animation: messageboxLoadingAfter linear infinite 2.4s;}
@keyframes messageboxLoadingBefore {0% {transform:rotate(2deg)}100% {transform:rotate(362deg)}}
@keyframes messageboxLoadingAfter  {0% {transform:rotate(360deg)}100% {transform:rotate(0deg)}}

.wui-messagebox .wui-messagebox-content-outer {margin-left:56px;padding:20px;min-height:38px;_display:table}
.wui-messagebox .wui-messagebox-content {overflow-y:auto}
.wui-messagebox .wui-messagebox-content-single {margin-top:10px}
.wui-messagebox .wui-messagebox-content .warning {color:red}
.wui-messagebox .wui-messagebox-content .important {font-weight:bold}
.wui-messagebox .wui-messagebox-content .info {color:#888888}
.wui-messagebox .wui-messagebox-buttons {clear:both;padding-right:10px}
.wui-messagebox .wui-button             {float:right;min-width:80px;margin:0 10px 10px 0;padding:0 12px;line-height:22px;height:24px;}
.wui-messagebox .wui-button-focus       {border: solid 1px #8BA1B9;border-color:#ADBBCB #8599B1 #8599B1 #ADBBCB;background-color: #D0D8E4;background-image:linear-gradient(180deg, #D2D7E2 0%, #BAC0CB 100%);}
.wui-messagebox .wui-button-warning     {background:#ffcccc;border:solid 1px #ff0000}
.wui-messagebox .wui-button:active      {background-image:linear-gradient(#bfc4cd, #a2a7b1)}

.wui-popup        {position:fixed;z-index:1000001;display:none;margin:0;padding:0;left:0;top:0;width:0;height:0;border:none 1px #909090;box-shadow:0px 3px 24px -2px rgba(0, 0, 0, 0.5)}
.wui-popup-header {box-sizing:border-box;-moz-box-sizing:border-box;font-size:11px;font-family:Arial,Sans-serif,Helvetica;color:#ffffff;font-weight:normal;line-height:12px;padding:6px 4px 6px 13px;width:100%;cursor:move;box-sizing:border-box;position:absolute;background-image:linear-gradient(180deg, #5E6C83 0%, #3E4662 35%, #242B4B 35%, #061C3B 100%)}
.wui-popup-init   {display:block;opacity:0;transform:scale(0.95);transition:transform 0.3s ease-in-out}
.wui-popup-loaded {opacity:1;transform:scale(1)}

.wui-popup-blocker      {opacity:1;transition:opacity 0.2s linear;cursor:wait;position:absolute;left:0px;top:0px;z-index:100000;height:100%;width:100%;background-color:rgba(200, 200, 200, 0.6);}
.wui-popup-blocker-init {opacity:0}
.wui-popup-blocker-loaded {opacity:1}

#wEditorEmbedElementFrame {padding:0 !important}

.wui-popup-editorEmbed        {position:absolute;z-index:1000001;display:none;margin:0;padding:0;width:0;height:0;border:none 1px #909090;box-shadow:0px 3px 24px -2px rgba(0, 0, 0, 0.8)}
.wui-popup-editorEmbedBody    {position:fixed}
.wui-popup-editorEmbed-header {box-sizing:border-box;-moz-box-sizing:border-box;font-size:11px;font-family:Arial,Sans-serif,Helvetica;color:#ffffff;font-weight:normal;line-height:12px;padding:6px 4px 6px 13px;width:100%;cursor:move;box-sizing:border-box;position:absolute;background-image:linear-gradient(180deg, #5E6C83 0%, #3E4662 35%, #242B4B 35%, #061C3B 100%)}
.wui-popup-editorEmbed-init   {display:block;opacity:0;transition:transform 0.3s ease-in-out}
.wui-popup-editorEmbed-loaded {opacity:1}

.wui-popup-editorEmbed-blocker         {opacity:1;transition:opacity 0.2s linear;cursor:wait;position:fixed;left:0px;top:0px;z-index:100000;height:100%;width:100%;background-color:rgba(200, 200, 200, 0.6);}
.wui-popup-editorEmbed-blocker-init    {opacity:0}
.wui-popup-editorEmbed-blocker-loading {opacity:1;transition:all 0.3s linear}
.wui-popup-editorEmbed-blocker-loaded  {opacity:1;transition:all 0.2s linear}

.wui-page-blocker      {opacity:1;transition:opacity 0.2s linear;cursor:wait;position:absolute;left:0px;top:0px;z-index:100000;height:100%;width:100%;background-color:rgba(220, 220, 220, 0.6);}
.wui-page-blocker-init {opacity:0}

.wui-filelist-entry                  {position:relative;font-size:11px;height:21px;line-height:21px;border-bottom:solid 1px #d0d0d0;padding:0 0 0 6px;box-sizing:border-box;max-width:100%;overflow:hidden}
.wui-filelist-entry:hover            {background-color:#f0f0f0}

.wui-filelist-entry-date               {position:absolute;color:#999999}
.wui-filelist-entry-caption            {position:absolute}
.wui-filelist-entry-caption-after-date {position:absolute;left:100px}

.wui-filelist-entry-function-preview,
.wui-filelist-entry-function-edit,
.wui-filelist-entry-function-edit-draft,
.wui-filelist-entry-function-dir     {display:block;float:right;width:18px;height:18px;margin-top:1px}

.wui-filelist-entry-function-preview:hover,
.wui-filelist-entry-function-edit:hover,
.wui-filelist-entry-function-edit-draft:hover,
.wui-filelist-entry-function-dir:hover  {cursor:pointer;background-color:#d0d0d0;outline:solid 1px #c0c0c0}

.wui-filelist-entry-function-preview    {background-color:#ffffff;background-image:url(/weblication/grid5/gui/images/icon_small/preview.gif);background-repeat:no-repeat;background-position:center;position:absolute;z-index:2;right:36px}
.wui-filelist-entry-function-edit       {background-color:#ffffff;background-image:url(/weblication/grid5/gui/images/icon_small/edit.gif);background-repeat:no-repeat;background-position:center;position:absolute;z-index:2;right:18px}
.wui-filelist-entry-function-edit-draft {background-color:#ffffff;background-image:url(/weblication/grid5/gui/images/icon_small/editStatus_draft.gif);background-repeat:no-repeat;background-position:center;position:absolute;z-index:2;right:18px}
.wui-filelist-entry-function-dir        {background-color:#ffffff;background-image:url(/weblication/grid5/gui/images/icon_small/folder.gif);background-repeat:no-repeat;background-position:center;position:absolute;z-index:2;right:0px}

.wDashboardVisible,
.wDashboardVisible body {overflow:hidden}
.wDashboardVisible #blockMainOuter,
.wDashboardVisible #bePanel {}
#wDashboardLayer      {position:fixed;z-index:10000020;width:100vw;height:100vh;top:0;left:0;background-color:rgba(60, 60, 60, 0.5);font-family:Arial, Sans-serif, Helvetica;}
#wDashboardLayer.wDashboardLayerLoaded {}
#wDashboardIframe      {z-index:1000009;position:fixed;width:100%;height:100%;top:0;left:0;margin:0;padding:0;border:none;background:#dddddd}

@media only screen and (min-width:1920px){
  #wDashboardIframe        {width:1800px;left:calc(50vw - 900px);border:none 1px #cccccc;box-shadow:0px 0 10px rgba(0, 0, 0, 0.5)}
}

@media only screen and (min-height:1100px){
  #wDashboardIframe        {height:1050px;top:calc(50vh - 525px)}
}

.wui-quickaccess-files                  {position:fixed;z-index:10000010;width:100%;height:100%;top:0;left:0;background-color:rgba(60, 60, 60, 0.5);}
.wui-quickaccess-files > div            {position:absolute;z-index:100002;width:480px;height:320px;top:calc(50vh - 160px);left:calc(50vw - 240px);background-color:#ffffff;border:none 1px #cccccc;box-shadow:0px 0 10px rgba(0, 0, 0, 0.5)}
.wui-quickaccess-files > div > iframe   {border:none;width:100%;height:320px}

.wui-quickaccess-functions              {position:fixed;z-index:10000020;width:100vw;height:100vh;top:0;left:0;color:#000000;background-color:rgba(60, 60, 60, 0.5);font-family:Arial, Sans-serif, Helvetica;}
.wui-quickaccess-functions > div        {position:absolute;z-index:10000021;width:100%;height:100%;background-color:#f6f6f6;border:none 1px #cccccc;box-shadow:0px 0 10px rgba(0, 0, 0, 0.5)}
.wui-quickaccess-functions *, .wui-quickaccess-functions *:before, .wui-quickaccess-functions *:after {box-sizing:border-box}

@media only screen and (min-height:1100px){
  .wui-quickaccess-functions > div        {height:1050px;top:calc(50vh - 525px)}
}

@media only screen and (min-width:1920px){
  .wui-quickaccess-functions > div        {width:1800px;left:calc(50vw - 900px)}
}

#wQuickAccessFunctionsHeader  {height:64px;margin:0;overflow:hidden;position:relative;border-bottom:solid 1px #c0c0c0;background:#e0e0e0}
#wQuickAccessFunctionsCloser       {cursor:pointer;display:none;position:absolute;right:16px;top:20px;width:24px;height:24px}
#wQuickAccessFunctionsCloser:before {content:'';position:absolute;margin-top:11px;display:block;width:24px;height:3px;background-color:#999999;transform:rotate(45deg)}
#wQuickAccessFunctionsCloser:after  {content:'';position:absolute;margin-top:11px;display:block;width:24px;height:3px;background-color:#999999;transform:rotate(-45deg)}
#wQuickAccessFunctionsCloser:hover:before,
#wQuickAccessFunctionsCloser:hover:after {background-color:#666666}
#wQuickAccessFunctionsInput   {display:block;width:320px;margin-left:auto;margin-right:auto;margin-top:18px;height:30px;padding:0 8px;font-size:16px;line-height:19px;background:#ffffff;border:solid 1px #c0c0c0;font-family:Arial, Sans-serif, Helvetica;}
#wQuickAccessFunctionsInput:focus{outline:none;box-shadow:none;}
#wQuickAccessFunctionsEntries {overflow:auto;box-sizing:border-box;padding:0;height:calc(100% - 64px);margin:12px auto 0 auto;display:flex}

@media only screen and (min-width:1920px){
  #wQuickAccessFunctionsEntries {width:1600px}
}

#wQuickAccessFunctionsEntries.wIsFiltering {display:none}

.wui-quickaccess-functions > div .wglButton        {box-shadow:none;display:block;float:none;width:auto;max-width:none;height:24px;line-height:24px;margin:0 1px 0 1px;border:solid 1px transparent;background:none;}
.wui-quickaccess-functions > div .wglButtonCaption {padding:0 6px}

.wui-quickaccess-functions > div .wglButton:hover  {border:solid 1px #C8D2DD;border-color:rgba(124, 140, 162, 0.3);background:rgba(206, 215, 232, 0.4)}
.wui-quickaccess-functions > div ._wglSectionHeader {display:block;width:200px;float:left;clear:both;margin:0;font-size:15px;font-weight:bold;text-decoration:none;font-family:Arial, Sans-serif, Helvetica;color:#a0a0a0;padding:4px 0 0 10px}
.wui-quickaccess-functions > div .wglSectionHeader {display:block;clear:both;margin:0;font-size:15px;font-weight:bold;text-decoration:none;font-family:Arial, Sans-serif, Helvetica;color:#a0a0a0;padding:4px 0 0 10px}
.wui-quickaccess-functions > div ._containerButtons {float:left;width:calc(100% - 200px);padding:4px 0;line-height:0}
.wui-quickaccess-functions > div .containerButtons  {padding:4px 8px;line-height:0}
.wui-quickaccess-functions > div .entrySection              {overflow:hidden;break-inside:avoid-column;padding-bottom:10px;}
.wui-quickaccess-functions > div .entrySection.hasNoEntries {display:none}
#wQuickAccessFunctionsEntries .entryInactive {display:none}

.wui-quickaccess-functions div ._wglSectionHeaderRecent,
.wui-quickaccess-functions div ._wglSectionHeaderProjects {display:block;height:100%;width:200px;float:left;clear:both;margin:0;font-size:15px;font-weight:bold;text-decoration:none;font-family:Arial, Sans-serif, Helvetica;color:#a0a0a0;padding:4px 0 0 10px}
.wui-quickaccess-functions div ._containerButtonsRecent,
.wui-quickaccess-functions div ._containerButtonsProjects {float:left;width:calc(100% - 200px);padding:4px 0;line-height:0}
.wui-quickaccess-functions div .wglSectionHeaderRecent,
.wui-quickaccess-functions div .wglSectionHeaderProjects {display:block;margin:0;font-size:15px;font-weight:bold;text-decoration:none;font-family:Arial, Sans-serif, Helvetica;color:#a0a0a0;padding:4px 0 0 0}
.wui-quickaccess-functions div .containerButtonsRecent,
.wui-quickaccess-functions div .containerButtonsProjects {padding:4px 0;line-height:0}
.wui-quickaccess-functions div .containerButtonsRecent.hasNoEntries {display:none;}

.wui-quickaccess-functions #wQuickAccessFunctionsGroupMain           {_display:flex}
.wui-quickaccess-functions #wQuickAccessFunctionsEntriesLastModified {_width:50%;overflow:hidden;_min-width:404px;position:relative;_background:#eaeaea;_border-bottom:solid 1px #c0c0c0;padding:0 8px;margin-bottom:10px}
.wui-quickaccess-functions #wQuickAccessFunctionsProjects            {_width:50%;overflow:hidden;_min-width:260px;position:relative;_background:#e9ecf7;_border-left:solid 1px #c0c0c0;_border-bottom:solid 1px #c0c0c0;padding:0 8px}
.wui-quickaccess-functions #wQuickAccessFunctionsGroupSub            {column-count:4}

.wui-quickaccess-functions div ._entryRecent          {cursor:pointer;font-size:11px;overflow:hidden;line-height:18px;display:inline-block;padding:2px 0;margin:0 2px 0 0;border:solid 1px transparent}
.wui-quickaccess-functions div .entryRecent           {cursor:pointer;position:relative;font-size:11px;overflow:hidden;line-height:18px;display:block;;padding:1px 6px 1px 0;margin:0 2px 0 0;border:solid 1px transparent}
.wui-quickaccess-functions div .entryRecent.selected  {border:solid 1px #C8D2DD;border-color:rgba(124, 140, 162, 0.3);background:rgba(206, 215, 232, 0.4)}
.wui-quickaccess-functions div .entryRecent:hover     {border:solid 1px #C8D2DD;border-color:rgba(124, 140, 162, 0.3);background:rgba(206, 215, 232, 0.4)}

.wui-quickaccess-functions div .entryRecent:hover .entryRecent-edit        {display:block;position:absolute;width:22px;height:22px;right:22px;top:0;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:800px;background-repeat:no-repeat;background-position:-359px -100px;background-color:#f6f6f6}
.wui-quickaccess-functions div .entryRecent:hover .entryRecent-dir         {display:block;position:absolute;width:22px;height:22px;right:0;top:0;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:800px;background-repeat:no-repeat;background-position:-101px -101px;background-color:#f6f6f6}

.wui-quickaccess-functions div .entryRecent-icon                     {float:left;margin:0px 0px 0 0;width:20px;height:20px;position:relative}
.wui-quickaccess-functions div .entryRecent-icon:before              {content:'';position:absolute;left:0px;top:0px;width:20px;height:20px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:800px;background-repeat:no-repeat;background-position:16px 16px}
.wui-quickaccess-functions div .entryRecent-icon:after               {content:'';position:absolute;left:0px;top:0px;width:20px;height:20px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:800px;background-repeat:no-repeat;background-position:16px 16px}

.wui-quickaccess-functions div .entryRecent-icon-document:before       {background-position:-6px -102px !important}
.wui-quickaccess-functions div .entryRecent-icon-document:after      {content:'';display:block;width:16px;height:8px;position:absolute;color:#ffffff;text-align:center;padding:0;letter-spacing:0.5px;font-size:6px;line-height:8px;top:8px;left:5px;}

.wui-quickaccess-functions div .entryRecent-icon-document.css:after  {content:'CSS';display:block;width:16px;position:absolute;color:#ffffff;text-align:center;padding:0;background-color:#697316;}
.wui-quickaccess-functions div .entryRecent-icon-document.scss:after {content:'CSS';display:block;width:16px;position:absolute;color:#ffffff;text-align:center;padding:0;background-color:#bb447f;}
.wui-quickaccess-functions div .entryRecent-icon-document.txtx:after {content:'TXT';display:block;width:14px;position:absolute;color:#ffffff;text-align:center;padding:0;background-color:#666666;}
.wui-quickaccess-functions div .entryRecent-icon-document.js:after   {content:'JS'; display:block;width:14px;position:absolute;color:#ffffff;text-align:center;padding:0;background-color:#ed8c00;}
.wui-quickaccess-functions div .entryRecent-icon-document.xsl:after  {content:'XSL';display:block;width:14px;position:absolute;color:#ffffff;text-align:center;padding:0;background-color:#1654a0;}
.wui-quickaccess-functions div .entryRecent-icon-document.svg:after  {content:'SVG';display:block;width:14px;position:absolute;color:#ffffff;text-align:center;padding:0;background-color:#333333;}
.wui-quickaccess-functions div .entryRecent-icon-document.php:after  {content:'PHP';display:block;width:15px;position:absolute;color:#ffffff;text-align:center;padding:0;background-color:#7979e0;}
.wui-quickaccess-functions div .entryRecent-icon-document.draft > span:after    {content:'123';font-size:7px;line-height:7px;position:absolute;left:7px;top:15px;background-color:rgba(255, 255, 255, 0.7)}

.wui-quickaccess-functions div .entryRecent-caption                   {float:left;margin:0 0 0 8px;line-height:20px}

.wui-quickaccess-functions div .entryProject                          {cursor:pointer;_float:left;font-size:11px;overflow:hidden;line-height:18px;display:block;_width:302px;padding:1px 6px 1px 0;margin:0 2px 0 0;border:solid 1px transparent}
.wui-quickaccess-functions div .entryProject-icon                     {float:left;margin:0px 0px 0 0;width:20px;height:20px;position:relative}
.wui-quickaccess-functions div .entryProject-icon:before              {content:'';position:absolute;left:0px;top:0px;width:20px;height:20px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:800px;background-repeat:no-repeat;background-position:16px 16px}
.wui-quickaccess-functions div .entryProject-icon-project:before      {background-position:-69px -102px !important}
.wui-quickaccess-functions div .entryProject:hover                    {border:solid 1px #C8D2DD;border-color:rgba(124, 140, 162, 0.3);background:rgba(206, 215, 232, 0.4)}
.wui-quickaccess-functions div .entryProject-caption                  {float:left;margin:0 0 0 8px;line-height:20px}
.wui-quickaccess-functions div .entryProject-caption-additional       {color:#999999}


@media only screen and (min-height:1000px){
  .wui-quickaccess-functions #wQuickAccessFunctionsEntriesLastModified {padding-bottom:10px}
  .wui-quickaccess-functions #wQuickAccessFunctionsProjects            {padding-bottom:10px}
  .wui-quickaccess-functions > div .entrySection                       {padding-bottom:10px}
}

.wui-layer-messagecenter                {position:fixed;z-index:10000010;width:100vw;height:100vh;top:0;left:0;background-color:rgba(60, 60, 60, 0.5);}
.wui-layer-messagecenter > div          {position:absolute;z-index:100002;width:100vw;height:100vh;top:0;left:0;background-color:#ffffff;border:none 1px #cccccc;box-shadow:0px 0 10px rgba(0, 0, 0, 0.5)}
.wui-layer-messagecenter > div > iframe {border:none;width:100%;height:100%}

@media only screen and (min-width:768px){
.wui-layer-messagecenter > div          {width:728px;height:90vh;top:calc(5vh);left:calc(50vw - 364px);}
}

@media only screen and (min-width:1200px){
  .wui-layer-messagecenter > div {width:968px;left:calc(50vw - 489px)}
}

@media only screen and (min-width:1600px){
  .wui-layer-messagecenter > div {width:1168px;left:calc(50vw - 589px)}
}

.wui-feedback                                {box-sizing:border-box;position:fixed;font-family:Arial,Sans-serif,Helvetica;font-size:11px;color:#000000;line-height:125%;z-index:10000030;width:100%;height:100%;top:0;left:0;background-color:rgba(60, 60, 60, 0.5);}
.wui-feedback *                              {box-sizing:border-box}
.wui-feedback > div                          {position:absolute;padding:20px;z-index:100002;width:480px;top:calc(50vh - 160px);left:calc(50vw - 240px);background-color:#f0f0f0;border:none 1px #cccccc;box-shadow:0px 0 10px rgba(0, 0, 0, 0.5)}
.wui-feedback #feedbackText                  {padding:4px;width:100%;height:80px;border:solid 1px #c0c0c0}
.wui-feedback .wui-feedback-title            {font-size:21px;color:#a0a0a0;margin:0 0 15px 0}
.wui-feedback .wui-feedback-caption          {clear:both;font-size:13px;color:#a0a0a0;margin:12px 0 5px 0}
.wui-feedback .wui-feedback-infos-sent-container       {overflow:hidden}
.wui-feedback .wui-feedback-infos-sent       {float:left;padding:2px 12px 0 1px;overflow:hidden;white-space:nowrap;color:#000000;-webkit-user-select:none;-moz-user-select:none}
.wui-feedback .wui-feedback-infos-sent input {padding:0;margin:0 4px 0 0;height:auto}
.wui-feedback .wui-feedback-infos-sent label {}
.wui-feedback .wui-button-feedback           {float:right;display:inline-block;margin:5px 0 0 12px}
.wui-feedback .wui-feedback-info             {padding:4px 0;color:#a0a0a0;font-size:11px}
.wui-feedback .wui-feedback-smileys                {overflow:hidden;margin-bottom:10px}
.wui-feedback .wui-feedback-smileys > div          {cursor:pointer;width:33.33%;position:relative;float:left;border:solid 1px #c0c0c0;background-color:#f6f6f6}
.wui-feedback .wui-feedback-smileys > div.wui-feedback-smiley-pos     {}
.wui-feedback .wui-feedback-smileys > div.wui-feedback-smiley-neutral {border-style:solid none}
.wui-feedback .wui-feedback-smileys > div.wui-feedback-smiley-neg     {}

.wui-feedback .fbpos .wui-feedback-smileys > div.wui-feedback-smiley-pos {background-color:green}
.wui-feedback .fbneutral .wui-feedback-smileys > div.wui-feedback-smiley-neutral {background-color:#ffbc00}
.wui-feedback .fbneg .wui-feedback-smileys > div.wui-feedback-smiley-neg {background-color:red}

.wui-feedback .wui-feedback-smileys > div:before   {box-sizing:border-box;background-color:#ffffff;display:block;left:0;top:0;content:'';margin:6px auto;width:24px;height:24px;border:solid 2px #c0c0c0;border-radius:50%;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:32px 32px;background-size:800px;background-repeat:no-repeat;}
.wui-feedback .wui-feedback-smileys > div.wui-feedback-smiley-pos:before      {border-color:green;background-position:-6px -389px}
.wui-feedback .wui-feedback-smileys > div.wui-feedback-smiley-neutral:before  {border-color:#ffbc00;background-position:-38px -389px}
.wui-feedback .wui-feedback-smileys > div.wui-feedback-smiley-neg:before      {border-color:red;background-position:-70px -389px}

.wui-feedback .wui-feedback-closer        {cursor:pointer;position:absolute;right:13px;top:13px;width:24px;height:24px}
.wui-feedback .wui-feedback-closer:before {content:'';position:absolute;margin-top:11px;display:block;width:18px;height:3px;background-color:#a0a0a0;transform:rotate(45deg)}
.wui-feedback .wui-feedback-closer:after  {content:'';position:absolute;margin-top:11px;display:block;width:18px;height:3px;background-color:#a0a0a0;transform:rotate(-45deg)}
.wui-feedback .wui-feedback-closer:hover:before,
.wui-feedback .wui-feedback-closer:hover:after {background-color:#888888}

.wui-feedback .wui-feedback-infoaftersent {padding:40px 0;font-size:23px;color:#a0a0a0;text-align:center}

@media only screen and (max-width:480px){
  .wui-feedback > div                       {width:360px;top:calc(50vh - 160px);left:calc(50vw - 180px);padding:20px 10px}
  .wui-feedback .wui-feedback-closer        {right:5px}
}

.wui-maskScreenRecorder                                {box-sizing:border-box;position:fixed;font-family:Arial,Sans-serif,Helvetica;font-size:11px;color:#000000;line-height:125%;z-index:10000030;width:100%;height:100%;top:0;left:0;background-color:rgba(60, 60, 60, 0.5);}
.wui-maskScreenRecorder *                              {box-sizing:border-box}
.wui-maskScreenRecorder > div                          {position:absolute;padding:20px;z-index:100002;width:480px;top:calc(50vh - 160px);left:calc(50vw - 240px);background-color:#f0f0f0;border:none 1px #cccccc;box-shadow:0px 0 10px rgba(0, 0, 0, 0.5)}
.wui-maskScreenRecorder #feedbackText                  {padding:4px;width:100%;height:80px;border:solid 1px #c0c0c0}
.wui-maskScreenRecorder .wui-maskScreenRecorder-title            {font-size:21px;color:#a0a0a0;margin:0 0 15px 0}
.wui-maskScreenRecorder .wui-maskScreenRecorder-caption          {clear:both;font-size:13px;color:#a0a0a0;margin:12px 0 5px 0}
.wui-maskScreenRecorder .wui-maskScreenRecorder-info-extended    {clear:both;margin-bottom:8px}
.wui-maskScreenRecorder .wui-maskScreenRecorder-info-submit      {clear:both;margin-bottom:8px;display:none}
.wui-maskScreenRecorder .wui-maskScreenRecorder-info-submited    {clear:both;margin-bottom:8px;display:none}
.wui-maskScreenRecorder #videoID                                 {display:block;font-weight:bold;margin-top:4px}
.wui-maskScreenRecorder #buttonStartRecord                       {clear:both;display:inline-block;margin:8px 0 0 0}
.wui-maskScreenRecorder #buttonStopRecord                        {clear:both;display:inline-block;margin:8px 0 0 0}
.wui-maskScreenRecorder #buttonSubmitVideo                       {clear:both;float:right;display:inline-block;margin:0 0 0 0}
.wui-maskScreenRecorder #buttonSubmitVideoCloud                  {display:inline-block;margin:0 0 0 0}
.wui-maskScreenRecorder #buttonSaveLocal                         {display:inline-block;margin:0 0 0 0;color:#495c85;line-height:26px}
.wui-maskScreenRecorder .wui-maskScreenRecorder-info             {padding:4px 0;color:#a0a0a0;font-size:11px}
.wui-maskScreenRecorder #screenRecorderResult                    {display:none;width:100%;max-height:calc(100vh - 320px);margin-bottom:8px}

.wui-maskScreenRecorder .wui-maskScreenRecorder-closer        {cursor:pointer;position:absolute;right:13px;top:13px;width:24px;height:24px}
.wui-maskScreenRecorder .wui-maskScreenRecorder-closer:before {content:'';position:absolute;margin-top:11px;display:block;width:18px;height:3px;background-color:#a0a0a0;transform:rotate(45deg)}
.wui-maskScreenRecorder .wui-maskScreenRecorder-closer:after  {content:'';position:absolute;margin-top:11px;display:block;width:18px;height:3px;background-color:#a0a0a0;transform:rotate(-45deg)}
.wui-maskScreenRecorder .wui-maskScreenRecorder-closer:hover:before,
.wui-maskScreenRecorder .wui-maskScreenRecorder-closer:hover:after {background-color:#888888}

.wui-maskScreenRecorder .wui-maskScreenRecorder-infoaftersent {padding:40px 0;font-size:23px;color:#a0a0a0;text-align:center}

.wui-maskScreenRecorder.status-init #buttonStartRecord  {display:inline-block}                    
.wui-maskScreenRecorder.status-init #buttonStopRecord   {display:none}                     
.wui-maskScreenRecorder.status-init #buttonSubmitVideoCloud  {display:none}
.wui-maskScreenRecorder.status-init #buttonSaveLocal  {display:none}
.wui-maskScreenRecorder.status-init #buttonSubmitVideo  {display:none}

.wui-maskScreenRecorder.status-recording                      {width:184px;height:32px;top:0;right:0;left:auto;background:none}
.wui-maskScreenRecorder.status-recording > div                {position:absolute;width:auto;top:0;right:0;left:auto;padding:0}
.wui-maskScreenRecorder.status-recording .wui-maskScreenRecorder-title {display:none}
.wui-maskScreenRecorder.status-recording .wui-maskScreenRecorder-info-extended {display:none}
.wui-maskScreenRecorder.status-recording #buttonStartRecord  {display:none}                    
.wui-maskScreenRecorder.status-recording #buttonStopRecord   {display:block;margin:0;background:#ff0000;color:#ffffff;font-weight:bold;border:none;line-height:150%;padding:4px 14px 4px 12px;animation:colorPulse 3s ease infinite}
.wui-maskScreenRecorder.status-recording #buttonStopRecord .autostopRecording   {display:block;font-weight:normal;}
.wui-maskScreenRecorder.status-recording .wui-maskScreenRecorder-closer {display:none}  
  
@keyframes colorPulse {
  0%, 100% {
    background-color:transparent;
    color:red;
  }
  50% {
    background-color:red;
    color:white;
  }
}  
                      
.wui-maskScreenRecorder.status-recording #buttonSubmitVideo  {display:none}
.wui-maskScreenRecorder.status-recording #buttonSubmitVideoCloud  {display:none}
.wui-maskScreenRecorder.status-recording #buttonSaveLocal  {display:none}
 
.wui-maskScreenRecorder.status-recorded > div                 {width:calc(100vw - 80px);top:40px;left:40px}
.wui-maskScreenRecorder.status-recorded .wui-maskScreenRecorder-title {display:block}
.wui-maskScreenRecorder.status-recorded .wui-maskScreenRecorder-info-extended {display:none}
.wui-maskScreenRecorder.status-recorded #buttonStartRecord    {display:none}                    
.wui-maskScreenRecorder.status-recorded #buttonStopRecord     {display:none}                     
.wui-maskScreenRecorder.status-recorded #buttonSubmitVideo    {}
.wui-maskScreenRecorder.status-recorded #buttonSubmitVideoCloud    {}
.wui-maskScreenRecorder.status-recorded #buttonSaveLocal    {}
.wui-maskScreenRecorder.status-recorded #screenRecorderResult {display:block}

.wui-maskScreenRecorder.status-submit > div                 {}
.wui-maskScreenRecorder.status-submit .wui-maskScreenRecorder-title {display:block}
.wui-maskScreenRecorder.status-submit .wui-maskScreenRecorder-info-extended {display:none}
.wui-maskScreenRecorder.status-submit .wui-maskScreenRecorder-info-submit {display:block}
.wui-maskScreenRecorder.status-submit #buttonStartRecord    {display:none}                    
.wui-maskScreenRecorder.status-submit #buttonStopRecord     {display:none}                     
.wui-maskScreenRecorder.status-submit #buttonSubmitVideo    {display:none}
.wui-maskScreenRecorder.status-submit #buttonSubmitVideoCloud    {display:none}
.wui-maskScreenRecorder.status-submit #buttonSaveLocal    {display:none}
.wui-maskScreenRecorder.status-submit #screenRecorderResult {display:none}

.wui-maskScreenRecorder.status-submited > div                 {}
.wui-maskScreenRecorder.status-submited .wui-maskScreenRecorder-title {display:block}
.wui-maskScreenRecorder.status-submited .wui-maskScreenRecorder-info-extended {display:none}
.wui-maskScreenRecorder.status-submited .wui-maskScreenRecorder-info-submit   {display:none}
.wui-maskScreenRecorder.status-submited .wui-maskScreenRecorder-info-submited {display:block}
.wui-maskScreenRecorder.status-submited #buttonStartRecord    {display:none}                    
.wui-maskScreenRecorder.status-submited #buttonStopRecord     {display:none}                     
.wui-maskScreenRecorder.status-submited #buttonSubmitVideo    {display:none}
.wui-maskScreenRecorder.status-submited #buttonSubmitVideoCloud    {display:none}
.wui-maskScreenRecorder.status-submited #buttonSaveLocal    {display:none}
.wui-maskScreenRecorder.status-submited #screenRecorderResult {display:none}

@media only screen and (max-width:480px){
  .wui-maskScreenRecorder > div                       {width:360px;top:calc(50vh - 160px);left:calc(50vw - 180px);padding:20px 10px}
  .wui-maskScreenRecorder .wui-feedback-closer        {right:5px}
}

.wDevlayer-blocks #blockMain:hover,
.wDevlayer-blocks #blockInner:hover,
.wDevlayer-blocks #blockMain:hover,
.wDevlayer-blocks #blockMain:hover,
.wDevlayer-blocks #blockMain:hover,
.wDevlayer-blocks #blockContent:hover    {outline:dashed 2px red}

.wIcon-item-scss:before                  {cursor:pointer;content:'';position:absolute;left:-4px;top:-3px;width:32px;height:32px;background-image:url('/weblication/grid5/gui/images/items.svg');background-position:0 0;background-size:800px;background-repeat:no-repeat;background-position:32px 32px}

.wItemPanelItemIcon:before               {cursor:pointer;content:'';position:absolute;left:-4px;top:-3px;width:32px;height:32px;background-image:url('/weblication/grid5/gui/images/items.svg');background-position:0 0;background-size:800px;background-repeat:no-repeat;background-position:32px 32px}
.wItemPanelItemIcon:after                {cursor:pointer;content:'';position:absolute;left:-4px;top:-3px;width:32px;height:32px;background-image:url('/weblication/grid5/gui/images/items.svg');background-position:0 0;background-size:800px;background-repeat:no-repeat;background-position:32px 32px}

.wIcon-item:before                       {cursor:pointer;content:'';position:absolute;left:-2px;top:-6px;width:32px;height:32px;background-image:url('/weblication/grid5/gui/images/items.svg');background-position:0 0;background-size:800px;background-repeat:no-repeat;background-position:0px -512px}
.wIcon-item:after                        {cursor:pointer;content:'';position:absolute;left:-2px;top:-6px;width:32px;height:32px;background-image:url('/weblication/grid5/gui/images/items.svg');background-position:0 0;background-size:800px;background-repeat:no-repeat;background-position:32px 32px}

.wui-entry-file .wIcon-item:before       {top:-3px;}
.wui-entry-file .wIcon-item:after        {top:-3px;}

.wIcon-item-scss:before                  {background-position:-32px -288px}

.wIcon-item-elementHeadline:before,
.wIcon-item-headline-text:before         {background-position:-0px 0px}
.wIcon-item-elementText:before,
.wIcon-item-text-standard:before,
.wIcon-item-text-wysiwyg:before          {background-position:-32px 0px}
.wIcon-item-elementLink:before,
.wIcon-item-link-standard:before     {background-position:-64px 0px}
.wIcon-item-elementLinklist:before,
.wIcon-item-linklist-standard:before         {background-position:-416px 0px}
.wIcon-item-elementPicture:before,
.wIcon-item-picture-standard:before      {background-position:-96px 0px}
.wIcon-item-elementVideo:before,
.wIcon-item-elementVideoIntern:before,
.wIcon-item-video-intern:before          {background-position:-128px 0px}
.wIcon-item-elementAudio:before,
.wIcon-item-audio-standard:before        {background-position:-480px 0px}
.wIcon-item-elementVideoExternal:before,
.wIcon-item-video-external:before        {background-position:-160px 0px}
.wIcon-item-elementTable:before,
.wIcon-item-table-standard:before        {background-position:-192px 0px}
.wIcon-item-elementHr:before,
.wIcon-item-layout-hr:before             {background-position:-224px 0px}
.wIcon-item-elementForm:before,
.wIcon-item-formular-generator:before    {background-position:-256px 0px}
.wIcon-item-elementNavigation:before,
.wIcon-item-navigation-standard:before   {background-position:-288px 0px}
.wIcon-item-elementSitemap:before,
.wIcon-item-navigation-sitemap:before    {background-position:-320px 0px}
.wIcon-item-elementSubmap:before,
.wIcon-item-navigation-submap:before     {background-position:-352px 0px}
.wIcon-item-elementTableOfContents:before,
.wIcon-item-navigation-tableOfContents:before    {background-position:-384px 0px}
.wIcon-item-elementNavigationSections:before,
.wIcon-item-navigation-sections:before   {background-position:-416px 0px}
.wIcon-item-elementSitemap:before,
.wIcon-item-sitemap-standard:before      {background-position:-448px 0px}
.wIcon-item-elementInfo:before,
.wIcon-item-info-standard:before         {background-position:-0px -32px}
.wIcon-item-content-includeGroup:before  {background-position:-32px -32px}
.wIcon-item-content-includeSection:before  {background-position:-192px -32px}
.wIcon-item-content-includeObject:before  {background-position:-64px -32px}
.wIcon-item-content-includeContentNavigation:before  {background-position:-224px -32px}
.wIcon-item-content-includeContentCurrentPage:before  {background-position:-288px -32px}
.wIcon-item-content-includeContentCurrentObject:before  {background-position:-256px -32px}
.wIcon-item-content-includeContactPerson:before  {background-position:-384px -32px}
.wIcon-item-campaigns-standard:before  {background-position:-64px -384px}
.wIcon-item-foreignwords-standard:before     {background-position:-480px -96px}


.wIcon-item-baseRessources-cookieNotice:before {background-position:-32px -384px}

.wIcon-item-extension-reader:before          {background-position:-512px 0px}
.wIcon-item-extension-scrollProgress:before  {background-position:-192px -224px}

.wIcon-item-printview-standard:before      {background-position:-192px -160px}

.wIcon-item-elementGoogleMaps:before,
.wIcon-item-map-google:before              {background-position:-320px -32px}
.wIcon-item-elementOpenStreetMap:before,
.wIcon-item-map-openStreetMap:before       {background-position:-416px -32px}
.wIcon-item-link-googleMaps:before         {background-position:-480px -32px}

.wIcon-item-listDefault:before,
.wIcon-item-list-standard:before          {background-position:-0px -64px}
.wIcon-item-list-default:before           {background-position:-0px -64px;opacity:0.5}
.wIcon-item-list-extensions:before        {background-position:-32px -64px}
.wIcon-item-listPictureGallery:before,
.wIcon-item-gallery-standard:before       {background-position:-64px -64px}
.wIcon-item-listPictureGalleryTeaser:before,
.wIcon-item-gallery-teaser:before         {background-position:-96px -64px}
.wIcon-item-listBannerSlider:before,
.wIcon-item-bannerSlider-standard:before  {background-position:-128px -64px}
.wIcon-item-listPictureAlbumTeaser:before,
.wIcon-item-album-standard:before         {background-position:-160px -64px}
.wIcon-item-tagcloud-standard:before      {background-position:-192px -64px}
.wIcon-item-tagcloud-linksVario:before      {background-position:-192px -64px}

.wIcon-item-listRss:before                {background-position:-96px -256px}
.wIcon-item-rssReader-standard:before                {background-position:-96px -256px}

.wIcon-item-filter-categories:before,
.wIcon-item-list-filter:before,
.wIcon-item-list-filters:before,
.wIcon-item-elementCategoryFilterList:before,
.wIcon-item-myElements-listfilter:before            {background-position:-224px -64px}

.wIcon-item-listHeader-sorting:before,
.wIcon-item-elementSortingList:before    {background-position:-478px -64px}

.wIcon-item-list-callback:before                    {background-position:-32px -160px}

.wIcon-item-filter-text:before,
.wIcon-item-elementTextFilterList:before            {background-position:-384px -64px}

.wIcon-item-secureForms-standard:before,
.wIcon-item-elementSecureForm:before            {background-position:-448px -64px}

.wIcon-item-report-myWorkflows:before            {background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:-320px -0px}
.wIcon-item-subscriptions-dir:before            {background-position:-96px -288px}
.wIcon-item-subscriptions-dir:after            {background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:600px;background-position:-66px -66px;width:24px;height:24px;left:2px;top:-4px}

.wIcon-item-listPrevNext:before,
.wIcon-item-prevNext-standard:before       {background-position:-256px -64px}

.wIcon-item-listDirs:before,
.wIcon-item-list-dirs:before          {background-position:-352px -64px}

.wIcon-item-elementChart:before,
.wIcon-item-chart-standard:before       {background-position:-320px -64px}

.wIcon-item-elementImageMap:before,
.wIcon-item-imageMap-standard:before       {background-position:-416px -64px}

.wIcon-item-list-include:before       {background-position:-288px -64px}

.wIcon-item-elementSection:before,
.wIcon-item-container-section:before      {background-position:-0px -96px}
.wIcon-item-elementBox:before,
.wIcon-item-container-box:before          {background-position:-32px -96px}
.wIcon-item-elementContainerStandard:before,
.wIcon-item-container-standard:before     {background-position:-64px -96px}
.wIcon-item-elementTabContainer:before,
.wIcon-item-container-tabs:before         {background-position:-96px -96px}
.wIcon-item-container-tabItem:before      {background-position:-192px -96px}
.wIcon-item-container-accordion:before,
.wIcon-item-elementAccordion:before       {background-position:-128px -96px}
.wIcon-item-container-accordionItem:before {background-position:-224px -96px}
.wIcon-item-elementOverlap:before,
.wIcon-item-container-overlap:before       {background-position:-160px -96px}
.wIcon-item-elementContainerLayout:before,
.wIcon-item-container-layout:before        {background-position:-256px -96px}
.wIcon-item-container-ajaxReload:before    {background-position:-288px -96px}

.wIcon-item-layout-backgroundImage:before  {background-position:-352px -32px}
.wIcon-item-layout-backgroundImageNavigation:before  {background-position:-448px -32px}

.wIcon-item-container-noEditor:before     {background-position:-384px -96px}
.wIcon-item-container-noStructureEditor:before     {background-position:-416px -96px}
.wIcon-item-container-noCache:before      {background-position:-448px -96px}
.wIcon-item-container-renderItemPHP:before     {background-position:-224px -160px}
.wIcon-item-cookietable-standard:before     {background-position:-256px -160px}

.wIcon-item-container-conditionalIsLoggedIn:before     {background-position:-0px -128px}
.wIcon-item-container-conditionalPersonalized:before   {background-position:-32px -128px}
.wIcon-item-container-conditionalParameter:before      {background-position:-64px -128px}
.wIcon-item-container-conditionalPHP:before            {background-position:-96px -128px}
.wIcon-item-container-conditionalPageVariable:before   {background-position:-128px -128px}
.wIcon-item-container-conditionalPath:before           {background-position:-160px -128px}
.wIcon-item-container-conditionalCategory:before       {background-position:-192px -128px}
.wIcon-item-container-conditionalObject:before         {background-position:-224px -128px}
.wIcon-item-container-conditionalObjectData:before     {background-position:-256px -128px}
.wIcon-item-container-conditionalOnline:before         {background-position:-288px -128px}
.wIcon-item-container-conditionalResponsive:before     {background-position:-320px -128px}
.wIcon-item-container-conditionalNewsletterReceiver:before     {background-position:-384px -128px}
.wIcon-item-container-conditionalIsInEditor:before     {background-position:-416px -128px}
.wIcon-item-container-conditionalGroupHasContent:before     {background-position:-448px -128px}
.wIcon-item-container-conditionalSessionHistory:before     {background-position:-480px -128px}
.wIcon-item-container-conditionalAbTest:before         {background-position:-512px -128px}
.wIcon-item-container-conditionalCookie:before         {background-position:-544px -128px}

.wIcon-item-objectmask-xslt:before               {background-position:-0px -160px}
.wIcon-item-objectmask-includeMaskPre:before     {background-position:-30px -32px}

.wIcon-item-script-html:before               {background-position:-0px -160px}
.wIcon-item-script-xslt:before               {background-position:-288px -160px}
.wIcon-item-script-php:before                {background-position:-32px -160px}
.wIcon-item-script-css:before                {background-position:-96px -160px}
.wIcon-item-script-js:before                 {background-position:-128px -160px}
.wIcon-item-script-variable:before           {background-position:-128px -160px}
.wIcon-item-elementSourcecode:before           {background-position:-160px -160px}
.wIcon-item-text-sourcecode:before           {background-position:-160px -160px}

.wIcon-item-elementButton:before,
.wIcon-item-button-createFile:before         {background-position:-0px -192px}
.wIcon-item-button-createDir:before          {background-position:-32px -192px}
.wIcon-item-button-editFile:before           {background-position:-64px -192px}
.wIcon-item-button-filemanager:before        {background-position:-96px -192px}
.wIcon-item-button-upload:before             {background-position:-128px -192px}
.wIcon-item-button-logout:before             {background-position:-160px -192px}

.wIcon-item-elementSocialButton:before,
.wIcon-item-socialButton-standard:before     {background-position:-0px -224px}
.wIcon-item-elementComments:before,
.wIcon-item-userContent-comments:before      {background-position:-32px -224px}
.wIcon-item-userContent-guestbook:before      {background-position:-352px -224px}
.wIcon-item-elementRatings:before,
.wIcon-item-userContent-ratings:before       {background-position:-128px -224px}
.wIcon-item-elementFontAwesome:before,
.wIcon-item-element-fontawesome:before,
.wIcon-item-element-fontAwesome:before       {background-position:-64px -224px}

.wIcon-item-elementSvgIcon:before,
.wIcon-item-element-svgicon:before,
.wIcon-item-element-svgIcon:before       {background-position:-384px -224px}

.wIcon-item-page-parallax:before             {background-position:-160px -224px}
.wIcon-item-page-fullPage:before             {background-position:-256px -224px}

.wIcon-item-element-scrollDown:before        {background-position:-288px -224px}

.wIcon-item-objectmask-title:before                        {background-position:-0px -544px}
.wIcon-item-objectmask-headline:before                     {background-position:-32px -544px}
.wIcon-item-objectmask-wysiwyg:before                      {background-position:-64px -544px}
.wIcon-item-objectmask-objectdataToMetadata:before         {background-position:-96px -544px}
.wIcon-item-objectmask-webtagMetadata:before               {background-position:-128px -544px}
.wIcon-item-objectmask-webtagMetadataCategories:before     {background-position:-160px -544px}
.wIcon-item-objectmask-webtagObjectdata:before             {background-position:-192px -544px}
.wIcon-item-objectmask-webtagObjectdataCategories:before   {background-position:-224px -544px}
.wIcon-item-objectmask-webtagObjectdataEntries:before      {background-position:-256px -544px}

.wIcon-item-editElement-objectdataToMetadata:before    {background-position:-64px -32px}
.wIcon-item-editElement-metadata:before      {background-position:-512px -32px}
.wIcon-item-editElement-objectdata:before,
.wIcon-item-editElement-objectData:before    {background-position:-96px -32px}
.wIcon-item-editElement-objectdataCategories:before    {background-position:-544px -32px}
.wIcon-item-editElement-objectdataMulti:before    {background-position:-576px -32px}
.wIcon-item-viewElement-objectdata:before,
.wIcon-item-viewElement-objectData:before    {background-position:-160px -32px}
.wIcon-item-dataFragment-standard:before,
.wIcon-item-elementDataFragment:before       {background-position:-128px -32px}
.wIcon-item-viewElement-listEntryExtension:before    {background-position:-32px -64px}

.wIcon-item-dataFragment-fontResizer:before  {background-position:-224px -224px}
.wIcon-item-dataFragment-htmlHeader:before               {background-position:-0px -160px}
.wIcon-item-dataFragment-contrastSwitcher:before  {background-position:-320px -224px}

.wIcon-item-listSearch:before,
.wIcon-item-search-standard:before           {background-position:-0px -256px}
.wIcon-item-elementSpacer:before,
.wIcon-item-elementClearer:before,
.wIcon-item-layout-clearer:before            {background-position:-64px -256px}
.wIcon-item-elementClearerSpacer:before,
.wIcon-item-layout-clearerSpacer:before            {background-position:-64px -256px}
.wIcon-item-link-back:before                 {background-position:-128px -256px}
.wIcon-item-current-object:before            {background-position:-160px -256px}

.wIcon-item-baseRessources-template:before       {background-position:-64px -288px}
.wIcon-item-baseRessources-objectManager:before  {background-position:-128px -288px}
.wIcon-item-baseRessources-js:before             {background-position:-128px -160px}
.wIcon-item-baseRessources-css:before            {background-position:-96px -160px}
.wIcon-item-baseRessources-cssThemes:before      {background-position:-64px -288px}
.wIcon-item-baseRessources-flags:before          {background-position:-192px -288px}
.wIcon-item-cssDecorators-navigation:before      {background-position:-160px -288px}
.wIcon-item-categories-countries:before          {background-position:-224px -288px}
.wIcon-item-baseRessources-predefinedLayouts:before     {background-position:-256px -288px}
.wIcon-item-baseRessources-layoutImages:before     {background-position:-288px -288px}
.wIcon-item-baseRessources-analytics:before       {background-position:-320px -64px}
.wIcon-item-baseRessources-analytics:after       {background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:-160px -96px;}
.wIcon-item-baseRessources-templatesAnalysis:before       {background-position:-320px -64px}

.wIcon-item-weblic-default:before        {background-position:-128px -288px}
.wIcon-item-weblic-standard:before       {background-position:-128px -288px}
.wIcon-item-weblic-template:before       {background-position:-128px -288px}
.wIcon-item-weblic-js:before             {background-position:-128px -160px}
.wIcon-item-weblic-css:before            {background-position:-96px -160px}
.wIcon-item-weblic-theme:before          {background-position:-64px -288px}

.wIcon-item-iframe-standard:before          {background-position:-352px -96px}

.wIcon-item-formular-elements:before        {background-position:-0px -352px}
.wIcon-item-formular-login:before                {background-position:-256px 0px}
.wIcon-item-formular-register:before             {background-position:-256px 0px}
.wIcon-item-formular-changePassword:before       {background-position:-256px 0px}
.wIcon-item-formular-requestNewPassword:before   {background-position:-256px 0px}
.wIcon-item-formular-personalData:before         {background-position:-256px 0px}
.wIcon-item-formular-element-input:before        {background-position:-0px -352px}
.wIcon-item-formular-element-inputDouble:before  {background-position:-32px -352px}
.wIcon-item-formular-element-select:before       {background-position:-64px -352px}
.wIcon-item-formular-element-selectMulti:before  {background-position:-96px -352px}
.wIcon-item-formular-element-checkbox:before     {background-position:-128px -352px}
.wIcon-item-formular-element-radio:before        {background-position:-160px -352px}
.wIcon-item-formular-element-textarea:before     {background-position:-192px -352px}
.wIcon-item-formular-element-inputPwd:before     {background-position:-224px -352px}
.wIcon-item-formular-element-inputDate:before    {background-position:-256px -352px}
.wIcon-item-formular-element-inputFile:before    {background-position:-288px -352px}
.wIcon-item-formular-element-inputUpload:before  {background-position:-320px -352px}
.wIcon-item-formular-element-nextBlock:before    {background-position:-352px -352px}
.wIcon-item-formular-element-clearBlock:before   {background-position:-384px -352px}
.wIcon-item-formular-element-formText:before     {background-position:-32px -0px}
.wIcon-item-formular-element-formSpacer:before   {background-position:-64px -256px}
.wIcon-item-formular-element-container:before    {background-position:-32px -96px}
.wIcon-item-formular-element-hidden:before       {background-position:-416px -352px}
.wIcon-item-formular-element-php:before          {background-position:-32px -160px}
.wIcon-item-formular-variable:before             {background-position:-448px -352px}
.wIcon-item-formular-element-honeypot:before     {background-position:-480px -352px}
.wIcon-item-formular-element-captcha:before      {background-position:-512px -352px}
.wIcon-item-formular-element-submit:before       {background-position:-544px -352px}
.wIcon-item-formular-element-submitReset:before  {background-position:-576px -352px}
.wIcon-item-element-formGroup:before             {background-position:-0px -96px}
.wIcon-item-element-formGroupConditional:before  {background-position:-320px -96px}
.wIcon-item-element-formGroupMultiple:before     {background-position:-0px -96px}
.wIcon-item-element-formGroupMultiple:after      {background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:-158px -97px;}

.wIcon-item-element-newsletter:before            {background-position:-96px -288px}

.wIcon-item-team-standard:before       {background-position:-0px -320px}
.wIcon-item-locations-standard:before  {background-position:-32px -320px}
.wIcon-item-events-standard:before     {background-position:-64px -320px}
.wIcon-item-blog-standard:before       {background-position:-96px -320px}
.wIcon-item-references-standard:before {background-position:-128px -320px}
.wIcon-item-cityweb-standard:before    {background-position:-160px -320px}
.wIcon-item-faqs-standard:before       {background-position:-192px -320px}
.wIcon-item-register-companies:before  {background-position:-224px -320px}
.wIcon-item-register-clubs:before      {background-position:-256px -320px}
.wIcon-item-register-hotels:before     {background-position:-288px -320px}
.wIcon-item-shop-mini:before           {background-position:-320px -320px}
.wIcon-item-jobOffers-standard:before  {background-position:-352px -320px}
.wIcon-item-medialist-standard:before  {background-position:-384px -320px}
.wIcon-item-packageDeals-standard:before  {background-position:-416px -320px}
.wIcon-item-classifieds-standard:before   {background-position:-448px -320px}
.wIcon-item-wastemanagement-standard:before   {background-position:-704px -320px}
.wIcon-item-glossary-standard:before   {background-position:-480px -320px}
.wIcon-item-register-courses:before     {background-position:-512px -320px}
.wIcon-item-register-projectreferences:before     {background-position:-544px -320px}
.wIcon-item-productportfolio-standard:before     {background-position:-576px -320px}
.wIcon-item-adventCalendar-standard:before     {background-position:-608px -352px}
.wIcon-item-historie-standard:before     {background-position:-608px -320px}
.wIcon-item-objectdemo-standard:before     {background-position:-640px -320px}
.wIcon-item-donations-standard:before     {background-position:-672px -320px}
.wIcon-item-register-localOffers:before      {background-position:-736px -320px}

.wIcon-item-tool-facebookLike:before,
.wIcon-item-elementFacebookLike:before    {background-position:-0px -384px}

.wIcon-item-voting-standard:before,
.wIcon-item-elementVoting:before    {background-position:-96px -224px}

.wIcon-item-screenSlider-standard:before,
.wIcon-item-screenslide-standard:before      {background-position:-96px 0px}
._wIcon-item-screenSlider-standard:after,
._wIcon-item-screenslide-standard:after       {background-position:-42px -104px;background-size:400px}

.wIcon-item-component-sectionText:before                  {background-position:-0px -416px}
.wIcon-item-component-sectionHeadlineText:before          {background-position:-32px -416px}
.wIcon-item-component-sectionHeadlineTextLink:before      {background-position:-64px -416px}
.wIcon-item-component-sectionHeadlineTextLinkLink:before  {background-position:-96px -416px}
.wIcon-item-component-sectionBackgroundImageHeadlineTextLink:before      {background-position:-128px -416px}
.wIcon-item-component-sectionBackgroundImageHeadlineTextLinkLink:before  {background-position:-160px -416px}
.wIcon-item-component-sectionTwoColsText:before                          {background-position:-0px -448px}
.wIcon-item-component-sectionTwoColsHeadlineText:before                  {background-position:-32px -448px}
.wIcon-item-component-sectionTwoColsHeadlineTextLink:before              {background-position:-64px -448px}
.wIcon-item-component-sectionTwoColsHeadlineTextLinkAndPicture:before    {background-position:-96px -448px}
.wIcon-item-component-sectionTwoColsPictureAndHeadlineTextLink:before    {background-position:-128px -448px}
.wIcon-item-component-sectionTwoBoxesOverlapRight:before                  {background-position:-160px -448px}
.wIcon-item-component-sectionTwoBoxesOverlapLeft:before                 {background-position:-192px -448px}
.wIcon-item-component-sectionThreeColsText:before                  {background-position:-0px -480px}
.wIcon-item-component-sectionThreeColsHeadlineText:before          {background-position:-32px -480px}
.wIcon-item-component-sectionThreeColsHeadlineTextLink:before      {background-position:-64px -480px}
.wIcon-item-component-headlineCountup:before      {background-size:600px;top:-1px;background-position:-0px -0px}
.wIcon-item-component-headlineCountup:after       {background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:-409px -64px;}


.wIcon-item-component-boxNoPaddingPictureBox:before                          {background-position:-32px -512px}
.wIcon-item-component-boxNoPaddingPictureBoxAbsolute:before                  {background-position:-64px -512px}


.wIcon-item-component-demo:before      {background-position:-0px -512px}

.wIcon-icon:before             {cursor:pointer;content:'';position:absolute;left:-2px;top:-6px;width:32px;height:32px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:800px;background-repeat:no-repeat;background-position:32px 32px}

.wIcon-icon-colors:before      {background-position:-384px -352px}
.wIcon-icon-variables:before,
.wIcon-icon-breakpoints:before {background-position:-0px -192px}
.wIcon-icon-fonts:before       {background-position:-64px -288px}
.wIcon-icon-design:before      {background-position:-96px -320px}
.wIcon-icon-html:before        {background-position:-288px -352px}
.wIcon-icon-header:before      {background-position:-448px -352px}
.wIcon-icon-page:before        {background-position:-416px -352px}
.wIcon-icon-print:before       {background-position:-192px -160px;background-image:url('/weblication/grid5/gui/images/items.svg')}
.wIcon-icon-additional:before  {background-position:-480px -352px}

.wIcon-icon-variants:before    {background-position:-196px -357px !important}
.wIcon-icon-themes:before      {background-position:-484px -292px !important}
.wIcon-icon-decorators:before  {background-position:-452px -292px !important}

body[data-generateimagesizes='1111'] picture[data-htgr='1'] {
  position:relative;overflow:hidden;
}

body[data-generateimagesizes='1111'] picture[data-htgr='1']:before {
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  background-size:0% 0%;
  background-repeat:repeat;
  background-position:center;
  background-image:linear-gradient(to right, #444444 1px, transparent 1px), linear-gradient(to bottom, #444444 1px, transparent 1px);
  animation:animateGenerateImageSizesPicture 5s infinite steps(20);
}

@keyframes animateGenerateImageSizesPicture {
  0% {
    background-size:50% 50%;
    background-image:linear-gradient(to right, #444444 1px, transparent 1px);
  }

  25% {
    background-size:100% 100%;
    background-image:linear-gradient(to right, #444444 1px, transparent 1px);
  }

  50% {
    background-size:50% 50%;
    background-image:linear-gradient(to right, #444444 1px, transparent 1px);
  }

  51% {
    background-size:50% 50%;
    background-image:linear-gradient(to bottom, #444444 1px, transparent 1px);
  }

  75% {
    background-size:100% 100%;
    background-image:linear-gradient(to bottom, #444444 1px, transparent 1px);
  }

  100% {
    background-size:50% 50%;
    background-image:linear-gradient(to bottom, #444444 1px, transparent 1px);
  }
}