html {
  --wFontSizeUiDefault:11px;
  --wFontSizeUiSmaller:11px;  
  --wFontSizeUiMiddle:12px;
  --wFontSizeUiLarge:14px;
  --wFontSizeUiXLarge:16px;
  --wFontSizeUiSmall:10px;
  --wHeightInput:22px; 
  --wPaddingVerticalAdditional:0px;
  --wPaddingHorizontalAdditional:0px;
  --wIconScale:1;
  --wBorderSize:1px;
  --wButtonRadius:2px;  
       
	@media (-webkit-min-device-pixel-ratio: 2) {
	  --wBorderSize:0.5px;
	}
}

.wui-slider               {background-color:#c0c0c0;border:solid var(--wBorderSize) #999999;height:8px;position:relative;border-radius:2px;box-shadow:inset var(--wBorderSize) var(--wBorderSize) var(--wBorderSize) #666666}
.wui-slider-handle        {cursor:default;background-color:#eeeeee;border:solid var(--wBorderSize) #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 var(--wBorderSize) #a0a0a0;border-radius:0px;border-color:#c6c6c6 #999999 #999999 #c6c6c6;text-decoration:none;display:inline-block;font-size:var(--wFontSizeUiDefault);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;border-radius:2px;box-shadow:0 0 2px #0000001a}
.wui-button:focus,
.wui-button:hover              {color:#000000;outline:none;border:solid var(--wBorderSize) #8BA1B9;border-bottom-color:#68829F;border-right-color:#68829F;background-color:#D0D8E4;background-image:linear-gradient(180deg, #D2D7E2 0%, #BAC0CB 100%)}

.wui-button-selected           {background-color:#ffffff;color:#000000;}

.wui-menu-inner-main .wui-button {box-shadow:none}

.wui-label                      {line-height:21px;padding:0 4px 0 0}
.wui-input                      {box-sizing:border-box;background-color:#ffffff;width:auto;border:solid var(--wBorderSize) #aaaaaa;border-radius:1px;display:inline-block;margin:0 0 0 0;min-height:21px;padding:2px 2px 2px 2px;font-size:var(--wFontSizeUiDefault);}
.wui-input:focus                {outline:none;box-shadow:none}
.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:4px;top:calc(var(--wHeightInput) / 2 - 7px);width:12px;height:12px;border:solid 1px transparent}
.wui-input-color-selector       {position:absolute;left:4px;top:calc(var(--wHeightInput) / 2 - 7px);width:12px;height:12px;border:solid 1px #aaaaaa}
.wui-input-file                 {float:left}
.wui-input-file-selector        {cursor:pointer;float:left;margin:calc(1px + var(--wPaddingVerticalAdditional)) 0 0 -20px;width:18px;height:19px;position:relative;}
.wui-input-file-selector:before {content:'';position:absolute;left:0px;top:1px;width:16px;height:16px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:720px;background-repeat:no-repeat;background-position:-178px -62px !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 var(--wBorderSize) #c0c0c0;background-color:#ffffff}
.wui-select .wui-select-selected             {position:relative;white-space:nowrap;background-color:#ffffff;font-size:var(--wFontSizeUiDefault);line-height:calc(var(--wHeightInput) - (2 * var(--wBorderSize)));height:calc(var(--wHeightInput) - (2 * var(--wBorderSize)));padding:0px 20px 0px 6px;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:calc(var(--wHeightInput) / 2 - 2px);height:0;border:solid 4px #666666;border-color:#666666 transparent transparent transparent}
.wui-select .wui-select-selected-icon:before               {left:0;top:calc((var(--wHeightInput) - 22px) / 2);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 var(--wBorderSize) #c0c0c0;position:absolute;margin:1px 0 0 0;display:none;overflow:auto;font-size:var(--wFontSizeUiDefault);}
.wui-select .wui-select-selectable div       {padding:4px 20px 4px 4px;line-height:130%}
.wui-select .wui-select-selectable div[data-disabled='disabled']       {pointer-events:none}
.wui-select .wui-select-selectable div[data-isdelimiter='1']       {border-bottom:solid var(--wBorderSize) #c0c0c0;height:0px;padding:0;margin:4px 0}
.wui-select .wui-select-selectable div.selected  {background-color:#f3f3f3;font-weight:bold}
.wui-select .wui-select-selectable div.wui-select-item-icon        {position:relative;padding:1px 6px 1px 4px;display:flex;background-repeat:no-repeat;background-position:3px center;background-size:18px;line-height:22px}
.wui-select .wui-select-selectable span.wui-select-item-info       {pointer-events:none;float:right;color:#aaaaaa}
.wui-select .wui-select-selectable div:hover {background-color:#f3f3f3}

.wui-select .wui-select-selectable div.wui-select-item-icon:before               {content:'';width:20px;height:20px;margin-right:2px;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:var(--wFontSizeUiDefault);line-height:130%;transition:all 0.25s cubic-bezier(0.6, -0.6, 0.6, 2);border-radius:0}
body[data-wv='19'] .wui-messagebox-inner {border-radius:0}
.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:calc(22px + var(--wPaddingVerticalAdditional));height:calc(24px + var(--wPaddingVerticalAdditional));}
.wui-messagebox .wui-button:hover,
.wui-messagebox .wui-button-focus       {border: solid var(--wBorderSize) #8BA1B9;border-color:#8BA1B9 #68829F #68829F #8BA1B9;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:var(--wFontSizeUiDefault);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%, #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.3)}
.wui-popup-editorEmbedBody    {position:fixed}
.wui-popup-editorEmbed-header {box-sizing:border-box;-moz-box-sizing:border-box;font-size:var(--wFontSizeUiDefault);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%, #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:var(--wFontSizeUiDefault);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}

#dashboardOuter  {z-index:10;background:rgba(220, 220, 220, 1);position:fixed;top:0;left:0;margin:0;width:calc(100vw - 0px);height:calc(100vh - 0px);border-bottom:solid 1px #acacac;}
#dashboardIframe {border:none;width:100%;height:100%}

@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 var(--wBorderSize) #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 var(--wBorderSize) #c0c0c0;border-radius:0 !important;font-family:Arial, Sans-serif, Helvetica;}
#wQuickAccessFunctionsInput:focus{outline:none;box-shadow:none;}
#wQuickAccessFunctionsInput::placeholder {color:#999999} 
#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}

#wQuickAccess.wui-quickaccess-functions > div .wglButton        {box-shadow:none;display:block;float:none;width:auto;max-width:none;margin:0 1px 0 1px;border:solid var(--wBorderSize) transparent;background:none;}
#wQuickAccess.wui-quickaccess-functions > div .wglButtonCaption {padding:0 6px}

#wQuickAccess.wui-quickaccess-functions > div .wglButton:hover  {border:solid var(--wBorderSize) #C8D2DD;border-color:rgba(124, 140, 162, 0.3);background:rgba(206, 215, 232, 0.4)}
#wQuickAccess.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}
#wQuickAccess.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}
#wQuickAccess.wui-quickaccess-functions > div ._containerButtons {float:left;width:calc(100% - 200px);padding:4px 0;line-height:0}
#wQuickAccess.wui-quickaccess-functions > div .containerButtons  {padding:4px 8px;line-height:0}
#wQuickAccess.wui-quickaccess-functions > div .entrySection              {overflow:hidden;break-inside:avoid-column;padding-bottom:10px;}
#wQuickAccess.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:var(--wFontSizeUiDefault);overflow:hidden;line-height:18px;display:inline-block;padding:2px 0;margin:0 2px 0 0;border:solid var(--wBorderSize) transparent}
.wui-quickaccess-functions div .entryRecent           {cursor:pointer;position:relative;font-size:var(--wFontSizeUiDefault);overflow:hidden;line-height:18px;display:block;padding:1px 6px 1px 0;margin:0 2px 0 0;border:solid var(--wBorderSize) transparent}
.wui-quickaccess-functions div .entryRecent.selected  {border:solid var(--wBorderSize) #C8D2DD;border-color:rgba(124, 140, 162, 0.3);background:rgba(206, 215, 232, 0.4)}
.wui-quickaccess-functions div .entryRecent:hover     {border:solid var(--wBorderSize) #C8D2DD;border-color:rgba(124, 140, 162, 0.3);background:rgba(206, 215, 232, 0.4)}

.wui-quickaccess-functions div .entryRecent:hover .entryRecent-preview     {display:block;position:absolute;width:22px;height:22px;right:44px;top:0;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:800px;background-repeat:no-repeat;background-position:-4px -164px;background-color:#f6f6f6}
.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:var(--wFontSizeUiDefault);overflow:hidden;line-height:18px;display:block;_width:302px;padding:1px 6px 1px 0;margin:0 2px 0 0;border:solid var(--wBorderSize) 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 var(--wBorderSize) #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:0 4px 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:var(--wFontSizeUiDefault);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 var(--wBorderSize) #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:var(--wFontSizeUiDefault)}
.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 var(--wBorderSize) #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:var(--wFontSizeUiDefault);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 var(--wBorderSize) #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:var(--wFontSizeUiDefault)}
.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-element:before               {background-position:-0px -512px}

.wIcon-item-headerElementAccessibility:before     {background-position:-64px 0px}
.wIcon-item-accessibility-standard:before         {background-position:-512px -65px}
.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-headerElementLink:before,
.wIcon-item-link-standard:before     {background-position:-64px 0px}
.wIcon-item-elementDivider:before,
.wIcon-item-headerElementDivider:before,
.wIcon-item-divider-standard:before     {background-position:-544px 0px}
.wIcon-item-headerElementLanguageSelector:before {background-position:-512px -96px}
.wIcon-item-elementLinklist:before,
.wIcon-item-linklist-standard:before         {background-position:-416px 0px}
.wIcon-item-elementPicture:before,
.wIcon-item-headerElementLogo: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-elementAudioExternal: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-headerElementNavigation: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-picture-lottiefiles:before        {background-position:-576px 0px}

.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-elementScript:before         {background-position:-128px -160px}
.wIcon-item-elementCookietable:before    {background-position:-254px -160px}

.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-json:before              {background-position:-0px -64px}
.wIcon-item-list-csv:before              {background-position:-0px -64px}
.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-elementHeaderSortingList:before,
.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 ,
.wIcon-item-elementReportMyWorkflows: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-listDir:before,
.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-headerElementSection:before,
.wIcon-item-container-section:before      {background-position:-0px -96px}
.wIcon-item-headerElementContainer:before,
.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-container-conditionalLanguage:before       {background-position:-576px -128px}
.wIcon-item-container-conditionalPrivacy:before        {background-position:-608px -128px}
.wIcon-item-container-conditionalEasyLanguage:before   {background-position:-640px -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-usermanager: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-headerElementSocialButton:before,
.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-headerElementWaiMenu:before       {background-position: -512px -65px}
.wIcon-item-headerElementWaiButton:before       {background-position: -512px -65px}

.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-webtag-objectData:before         {background-position:-96px -32px}
.wIcon-item-mainpulate-objectData:before,
.wIcon-item-manipulate-objectData:before     {background-position:-510px -32px}
.wIcon-item-dataFragment-standard:before,
.wIcon-item-headerElementDataFragment: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-headerElementSearch: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-languageSelector-standard:before {background-position:-512px -96px}

.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-cssDecorators-buttons:before         {background-position:-160px -288px}
.wIcon-item-cssDecorators-inputs: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-baseRessources-headeStructure:before      {background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:-448px -352px;}
.wIcon-item-baseRessources-headeStructure:after       {background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:-187px -59px;}
.wIcon-item-baseRessources-waiMenu:before       {background-position:-512px -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-elementIframe:before,
.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-inputRange:before   {background-position:-705px -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-inputCanvas:before  {background-position:-672px -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-fieldset:before              {background-position:-640px -352px}

.wIcon-item-element-newsletter:before            {background-position:-96px -288px}
.wIcon-item-subscriptionsAdvanced-dir:before     {background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:-640px -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-listAdventCalendar:before,
.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-canteen-standard:before      {background-position:-768px -320px}
.wIcon-item-meals-standard:before      {background-position:-768px -288px}
.wIcon-item-products-standard:before   {background-position:-416px -288px}

.wIcon-item-listEntryElement:before    {background-position:-32px -96px}

.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-listScreenSlider:before,
.wIcon-item-screenSlider-standard:before,
.wIcon-item-screenslide-standard:before      {background-position:-96px 0px}
.wIcon-item-listScreenSlider:after,
.wIcon-item-screenSlider-standard:after,
.wIcon-item-screenslide-standard:after      {background-position:-256px -58px}

.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-sectionBoxOverlapRightTop:before                 {background-position:-192px -416px}
.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-sectionTwoColsColorLeft:before                  {background-position:-256px -448px}
.wIcon-item-component-sectionTwoColsColorRight:before                  {background-position:-224px -448px}
.wIcon-item-component-sectionPictureTwoBoxesOverlapTop:before         {background-position:-288px -448px}
.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-sectionTwoColsFullBackgroundContentAndPicture:before    {background-position:-352px -448px}
.wIcon-item-component-sectionTwoColsFullBackgroundPictureAndContent:before    {background-position:-320px -448px}



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

.no-weditor *[data-onlinestatus='test'] {border:dashed 2px #c0c0c0}
.no-weditor *[data-onlinestatus='test']:before {z-index:2;font-size:var(--wFontSizeUiDefault);font-family:arial, helvetica;line-height:17px;color:#ffffff;font-weight:normal;content:'Nur für Redakteure sichtbar';position:absolute;margin:-10px 0 0 -2px;background:#c0c0c0;padding:0 6px;}
.no-weditor div.elementBox[data-onlinestatus='test']:before,
.no-weditor div.elementSection[data-onlinestatus='test']:before {top:0}

.wglButton                     {float:left;display:block;line-height:0;margin:0 2px 0 0;padding:0;cursor:pointer;white-space:nowrap;border-style:solid;border-width:var(--wBorderSize);border-color:#c6c6c6 #a0a0a0 #a0a0a0 #c6c6c6;background-color:#e0e0e0;background-image:linear-gradient(180deg, #EAEAEA 0%, #d6d6d6 100%);border-radius:2px}
.wglButton:hover                    {background-image:linear-gradient(180deg, #D7DEE8, #B9C4D2);border-color:#ADBBCB #8599B1 #8599B1 #ADBBCB}


.wglButton .wglButtonIcon                               {display:inline-block;vertical-align:middle;border:none;margin:2px 1px 0 2px}
.wglButton span.wglButtonIcon                           {position:relative;border:none;margin:0;width:calc(20px + var(--wPaddingVerticalAdditional) * 2);height:calc(20px + var(--wPaddingVerticalAdditional) * 2)}
.wglButton span.wglButtonIcon:before                    {transform:scale(var(--wIconScale));width:20px;height:20px;position:absolute;top:var(--wPaddingVerticalAdditional);left:var(--wPaddingVerticalAdditional);content:'';display:block;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:800px;background-repeat:no-repeat;background-position:100px 100px}
.wglButton span.wglButtonIcon:after                     {transform:scale(var(--wIconScale));width:20px;height:20px;position:absolute;top:var(--wPaddingVerticalAdditional);left:var(--wPaddingVerticalAdditional);content:'';display:block;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:800px;background-repeat:no-repeat;background-position:100px 100px}
.wglButton span.wglButtonIcon > span:before             {transform:scale(var(--wIconScale));width:20px;height:20px;position:absolute;top:var(--wPaddingVerticalAdditional);left:var(--wPaddingVerticalAdditional);content:'';display:block;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:800px;background-repeat:no-repeat;background-position:100px 100px}

.wglButton span.wglButtonStatusHasDraft > span:before   {content:'123';z-index:2;font-family:Arial,Sans-serif,Helvetica;font-size:7px;font-weight:bold;padding:7px 0 0 8px;line-height:20px;color:#000000;text-shadow:0 0 3px #ffffff}
.wglButton span.wglButtonStatusIsLocked > span:before   {content:'123';z-index:2;font-size:7px;font-weight:bold;color:red;padding:7px 0 0 8px;line-height:20px;text-shadow:0 0 3px #ffffff}

.wglButton span.wglButtonIcon-edit:before               {background-position:-6px -102px !important}
.wglButton span.wglButtonIcon-edit:after                {background-position:-358px -102px !important}
.wglButton span.wglButtonIcon-editStatus:before         {background-position:-6px -102px !important}
.wglButton span.wglButtonIcon-editStatus:after          {background-position:-358px -102px !important}
.wglButton span.wglButtonIcon-editStatus_draft:before   {background-position:-6px -102px !important}
.wglButton span.wglButtonIcon-editStatus_draft:after    {background-position:-358px -102px !important}
.wglButton span.wglButtonIcon-editStatus_draft > span:before    {content:'123';font-family:Arial,Sans-serif,Helvetica;font-size:7px;font-weight:bold;padding:7px 0 0 8px;line-height:20px;color:#000000;text-shadow:0 0 3px #ffffff}
.wglButton span.wglButtonIcon-editStatus_draft.hasDraftToken > span {position:relative;height:11px;z-index:1;margin:12px 0 0 8px;display:block;}
.wglButton span.wglButtonIcon-editStatus_draft.hasDraftToken > span:before {padding: 0 2px;line-height:11px;color:#ffffff;text-shadow:none;background:#0062fb;width:16px;height:11px}
.wglButton span.wglButtonIcon-editStatus_locked:before  {background-position:-6px -102px !important}
.wglButton span.wglButtonIcon-editStatus_locked:after   {background-position:-358px -102px !important}
.wglButton span.wglButtonIcon-editStatus_locked > span:before   {content:'123';font-size:7px;font-weight:bold;color:red;padding:7px 0 0 8px;line-height:20px;text-shadow:0 0 3px #ffffff}
.wglButton span.wglButtonIcon-editHeader:before         {background-position:-454px -358px !important}
.wglButton span.wglButtonIcon-editHeader:after          {background-position:-358px -102px !important}
.wglButton span.wglButtonIcon-delete:after              {background-position:-167px -71px !important}
.wglButton span.wglButtonIcon-folder:before,
.wglButton span.wglButtonIcon-dir:before                {background-position:-102px -102px !important}
.wglButton span.wglButtonIcon-dir_img:before            {background-position:-390px -293px !important}
.wglButton span.wglButtonIcon-folder_image:after        {background-position:-390px -293px !important}
.wglButton span.wglButtonIcon-archiving:after           {background-position:-422px -294px !important}
.wglButton span.wglButtonIcon-delete:after              {background-position:-166px -70px !important}
.wglButton span.wglButtonIcon-online:after              {background-position:-6px -6px !important}
.wglButton span.wglButtonIcon-rename:before             {background-position:-196px -166px !important}
.wglButton span.wglButtonIcon-copy:before               {background-position:-166px -166px !important}
.wglButton span.wglButtonIcon-upload:after              {background-position:-102px -71px !important}
.wglButton span.wglButtonIcon-dashboard:after           {background-position:-454px -102px !important}
.wglButton span.wglButtonIcon-quickaccess:after         {background-position:-6px -166px !important}
.wglButton span.wglButtonIcon-ai:after                  {background-position:-709px -294px !important;}
.wglButton span.wglButtonIcon-navigationMap:after       {background-position:-550px -293px !important}
.wglButton span.wglButtonIcon-navigation:after          {background-position:-326px -326px !important}
.wglButton span.wglButtonIcon-add_navpoint:after        {background-position:-358px -326px !important}
.wglButton span.wglButtonIcon-portal_content:after      {background-position:-70px -326px !important}
.wglButton span.wglButtonIcon-content_templates:before  {background-position:-6px -102px !important}
.wglButton span.wglButtonIcon-contentInclude:before     {background-position:-518px -326px !important}
.wglButton span.wglButtonIcon-image:before              {background-position:-6px -134px !important}
.wglButton span.wglButtonIcon-add_file:before           {background-position:-6px -102px !important}
.wglButton span.wglButtonIcon-add_file:after            {background-position:-166px -103px !important}
.wglButton span.wglButtonIcon-add_project:before        {background-position:-70px -102px !important}
.wglButton span.wglButtonIcon-add_project:after         {background-position:-167px -103px !important}
.wglButton span.wglButtonIcon-add_folder:before,
.wglButton span.wglButtonIcon-create_dir:before         {background-position:-102px -102px !important}
.wglButton span.wglButtonIcon-add_folder:after,
.wglButton span.wglButtonIcon-create_dir:after          {background-position:-166px -103px !important}
.wglButton span.wglButtonIcon-add:after                 {background-position:-168px -107px !important}
.wglButton span.wglButtonIcon-backgroundImage:before    {background-position:-2px -99px !important}
.wglButton span.wglButtonIcon-statistics:before         {background-position:-550px -358px !important}
.wglButton span.wglButtonIcon-seoAnalysis:before        {background-position:-581px -326px !important}
.wglButton span.wglButtonIcon-monitoring:before         {background-position:-550px -326px !important}
.wglButton span.wglButtonIcon-filter:before             {background-position:-134px -71px !important}
.wglButton span.wglButtonIcon-twitter:after             {background-position:-326px -134px !important}
.wglButton span.wglButtonIcon-add_twitter:after         {background-position:-326px -134px !important}
.wglButton span.wglButtonIcon-facebook:after            {background-position:-358px -134px !important}
.wglButton span.wglButtonIcon-add_facebook:after        {background-position:-358px -134px !important}
.wglButton span.wglButtonIcon-add_googleplus:after      {background-position:-390px -134px !important}
.wglButton span.wglButtonIcon-analytics:before          {background-position:-581px -325px !important}
.wglButton span.wglButtonIcon-keywordtool:before        {background-position:-581px -325px !important}
.wglButton span.wglButtonIcon-tagmanager:before         {background-position:-581px -325px !important}
.wglButton span.wglButtonIcon-report:before             {background-position:-613px -326px !important}
.wglButton span.wglButtonIcon-newsletter:before         {background-position:-646px -326px !important}
.wglButton span.wglButtonIcon-subscriptions:before      {background-position:-646px -294px !important}
.wglButton span.wglButtonIcon-search:before             {background-position:-38px -70px !important}
.wglButton span.wglButtonIcon-linkchecker:before        {background-position:-102px -166px !important}
.wglButton span.wglButtonIcon-appgenerator:before       {background-position:-709px -325px !important}
.wglButton span.wglButtonIcon-debug:before              {background-position:-741px -327px !important}
.wglButton span.wglButtonIcon-search_replace:before     {background-position:-677px -326px !important}
.wglButton span.wglButtonIcon-backup:before             {background-position:-70px -230px !important}
.wglButton span.wglButtonIcon-workflow:before           {background-position:-326px -6px !important}
.wglButton span.wglButtonIcon-texts:before              {background-position:-70px -294px !important}
.wglButton span.wglButtonIcon-autolinks:before          {background-position:-390px -325px !important}
.wglButton span.wglButtonIcon-autoacronyms:before       {background-position:-422px -325px !important}
.wglButton span.wglButtonIcon-autoforeignwords:before   {background-position:-613px -358px !important}
.wglButton span.wglButtonIcon-categories:before         {background-position:-454px -326px !important}
.wglButton span.wglButtonIcon-redirect:before           {background-position:-486px -326px !important}
.wglButton span.wglButtonIcon-campaign:before           {background-position:-742px -326px !important}
.wglButton span.wglButtonIcon-elementInclude:before     {background-position:-518px -326px !important}
.wglButton span.wglButtonIcon-config:before             {background-position:-39px -166px !important}
.wglButton span.wglButtonIcon-support:before            {background-position:-6px -358px !important}
.wglButton span.wglButtonIcon-feedback:before           {background-position:-6px -389px !important}
.wglButton span.wglButtonIcon-help:before               {background-position:-518px -358px !important}
.wglButton span.wglButtonIcon-change_password:before    {background-position:-38px -358px !important}
.wglButton span.wglButtonIcon-change_mfa:before         {background-position:-583px -39px !important}
.wglButton span.wglButtonIcon-change_mfa:after          {content:'2';font-size:8px;margin:-3px 0 0 7px;background:none}
.wglButton span.wglButtonIcon-cloud:before              {background-position:-134px -102px !important}
.wglButton span.wglButtonIcon-send:before               {background-position:-550px -102px !important}
.wglButton span.wglButtonIcon-encryptedInbox:before     {background-position:-582px -102px !important}
.wglButton span.wglButtonIcon-userSimulation:before     {background-position:-166px -262px !important}
.wglButton span.wglButtonIcon-layoutwizard:before       {background-position:-39px -324px !important}
.wglButton span.wglButtonIcon-layoutwizard_variants:before       {background-position:-198px -359px !important}
.wglButton span.wglButtonIcon-layoutwizard_decorators:before     {background-position:-454px -293px !important}
.wglButton span.wglButtonIcon-colors:before             {background-position:-390px -358px !important}
.wglButton span.wglButtonIcon-fonts:before              {background-position:-71px -294px !important}
.wglButton span.wglButtonIcon-clickAnalyser:before      {background-position:-230px -356px !important}
.wglButton span.wglButtonIcon-tools:before              {background-position:-262px -358px !important}
.wglButton span.wglButtonIcon-logout:before             {background-position:-70px -358px !important}
.wglButton span.wglButtonIcon-weblics:before            {background-position:-7px -294px !important}
.wglButton span.wglButtonIcon-backgroundImage:before    {background-position:-6px -230px !important}
.wglButton span.wglButtonIcon-checkbox:before           {background-position:-486px -166px !important}
.wglButton span.wglButtonIcon-checkbox_selected:before  {background-position:-518px -166px !important}
.wglButton span.wglButtonIcon-css_stylesheets:before    {background-position:-102px -326px !important}
.wglButton span.wglButtonIcon-php:before                {background-position:-358px -230px !important}
.wglButton span.wglButtonIcon-templates:before          {background-position:-134px -326px !important}
.wglButton span.wglButtonIcon-templates_objects:before  {background-position:-230px -326px !important}
.wglButton span.wglButtonIcon-templates_navigations:before  {background-position:-294px -326px !important}
.wglButton span.wglButtonIcon-templates_lists:before    {background-position:-262px -326px !important}
.wglButton span.wglButtonIcon-templates_items:before    {background-position:-230px -326px !important}
.wglButton span.wglButtonIcon-templates_globals:before  {background-position:-230px -294px !important}
.wglButton span.wglButtonIcon-template_includes:before  {background-position:-166px -326px !important}
.wglButton span.wglButtonIcon-template_header:before    {background-position:-454px -358px !important}
.wglButton span.wglButtonIcon-templates_objects:before  {background-position:-198px -326px !important}
.wglButton span.wglButtonIcon-edit_template_object:before  {background-position:-198px -326px !important}
.wglButton span.wglButtonIcon-wizard_template_elements:after  {background-position:-486px -99px !important}
.wglButton span.wglButtonIcon-javascripts:before         {background-position:-326px -230px !important}
.wglButton span.wglButtonIcon-templates_all:before       {background-position:-326px -293px !important}
.wglButton span.wglButtonIcon-overview:before            {background-position:-102px -358px !important}
.wglButton span.wglButtonIcon-project:before             {background-position:-70px -102px !important}
.wglButton span.wglButtonIcon-user:before                {background-position:-198px -262px !important}
.wglButton span.wglButtonIcon-renameAdmin:before         {background-position:-230px -262px !important}
/*.wglButton span.wglButtonIcon-renameAdmin:after          {background-position:-198px -166px !important}*/
.wglButton span.wglButtonIcon-group:before               {background-position:-294px -262px !important}
.wglButton span.wglButtonIcon-cronscripts:before         {background-position:-582px -358px !important}
.wglButton span.wglButtonIcon-securitycenter:before      {background-position:-614px -38px !important}
.wglButton span.wglButtonIcon-mailmanager:before         {background-position:-645px -296px !important}
.wglButton span.wglButtonIcon-controlcenter:before       {background-position:-134px -358px !important}
.wglButton span.wglButtonIcon-options:before             {background-position:-39px -166px !important}
.wglButton span.wglButtonIcon-license:before             {background-position:-166px -358px !important}
.wglButton span.wglButtonIcon-update_system:before       {background-position:-70px -38px !important}
.wglButton span.wglButtonIcon-templates_editmasks:before {background-position:-361px -100px !important}
.wglButton span.wglButtonIcon-cancel:before              {background-position:-420px -6px !important}
.wglButton span.wglButtonIcon-preview:before             {background-position:-6px -166px !important}
.wglButton span.wglButtonIcon-approve_document:before    {background-position:-388px -6px !important}
.wglButton span.wglButtonIcon-reject_document:before     {background-position:-420px -6px !important}
.wglButton span.wglButtonIcon-versions:before            {background-position:-100px -262px !important}
.wglButton span.wglButtonIcon-backgroundImageArea:after  {background-position:-6px -230px !important}
.wglButton span.wglButtonIcon-clearCache:after           {background-position:-327px -70px !important}
.wglButton span.wglButtonIcon-purgeProject:after         {background-position:-359px -70px !important}
.wglButton span.wglButtonIcon-pictureSizes:after         {background-position:-390px -230px !important}
.wglButton span.wglButtonIcon-status_on:after             {background-position:-6px -6px !important}
.wglButton span.wglButtonIcon-status_off:after            {background-position:-38px -6px !important}
.wglButton span.wglButtonIcon-status_test:after           {background-position:-70px -6px !important}
.wglButton span.wglButtonIcon-status_timer_online:after   {background-position:-134px -6px !important}
.wglButton span.wglButtonIcon-status_timer_offline:after  {background-position:-102px -6px !important}
.wglButton span.wglButtonIcon-bePanelFunction_switchPanelmodeLayer:before   {background-position:-262px -390px !important}
.wglButton span.wglButtonIcon-bePanelFunction_switchPanelmodeSide:before    {background-position:-294px -390px !important}

.wglButton[data-hs='1']                                       {}
.wglButtonStatusContainer                                     {display:inline-block;vertical-align:middle;background:#f0f0f0;border-left: solid 1px #c0c0c0;}
.wglButtonStatusContainer span.wglButtonStatus                {display:block;float:left;position:relative;width:20px;height:20px}
.wglButtonStatusContainer span.wglButtonStatus:before         {width:20px;height:20px;position:absolute;top:0px;left:0px;content:'';display:block;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:800px;background-repeat:no-repeat;background-position:100px 100px}
.wglButtonStatusContainer span.wglButtonStatusOffline:before  {background-position:-38px -6px !important}
.wglButtonStatusContainer span.wglButtonStatusTest:before     {background-position:-70px -6px !important}
.wglButtonStatusContainer span.wglButtonStatusPersonalized:before  {background-position:-294px -6.5px !important}
.wglButtonStatusContainer span.wglButtonStatusFutureOffline:before {background-position:-134px -6px !important}
.wglButtonStatusContainer span.wglButtonStatusFutureOnline:before  {background-position:-102px -6px !important}
.wglButtonStatusContainer span.wglButtonStatusHasDraftToken        {}
.wglButtonStatusContainer span.wglButtonStatusHasDraftToken:after  {background-position:0 0 !important;position:absolute;top:5px;left:1.5px;content:'123';background-color:#0062fb;font-family:Arial,Sans-serif,Helvetica;font-size:8px;font-weight:bold;padding:1px 2px;line-height:9px;color:#ffffff}
.wglButtonStatusContainer span.wglButtonStatusIsInWorkflow:before  {background-position:-358px -6px !important}

.wglButton span.wglButtonIcon-sitemap:after    {width:20px;height:20px;position:absolute;top:0px;left:0px;content:'';display:block;background-image:url('/weblication/grid5/gui/images/items.svg');background-position:0 0;background-size:800px;background-repeat:no-repeat;background-position:100px 100px}
.wglButton span.wglButtonIcon-sitemap:after    {background-position:-325px -6px !important}

.wglButton .wglButtonCaption       {display:inline-block;vertical-align:middle;margin:0;padding:0 calc(5px + var(--wPaddingHorizontalAdditional)) 0 2px;white-space:nowrap;text-shadow:none;letter-spacing:0;font-family:Arial,Sans-serif,Helvetica;font-size:var(--wFontSizeUiDefault);line-height:calc(var(--wFontSizeUiDefault) + 9px);color:#000000 !important;text-decoration:none;font-weight:normal}
.wglButton .wglButtonCaptionInfo   {display:inline-block;vertical-align:middle;margin:0;padding:0 0 0 calc(5px + var(--wPaddingHorizontalAdditional));white-space:nowrap;text-shadow:none;letter-spacing:0;font-family:Arial,Sans-serif,Helvetica;font-size:var(--wFontSizeUiDefault);line-height:calc(var(--wFontSizeUiDefault) + 9px);color:#888888 !important;text-decoration:none;font-weight:normal}
.wglButton .wglButtonCaption:first-child {padding-left:calc(5px + var(--wPaddingHorizontalAdditional))}

.wglButtonSmall                {padding:0}
.wglButtonSmall:hover          {padding:0}

.wglButtonSmall .wglButtonIcon {}

.wglButtonsObject {position:absolute;right:0;top:2px}

.wglLayer                      {display:none;position:absolute;z-index:1}
.wglInfo                       {font-size:var(--wFontSizeUiDefault);color:#888888}

.wglConditionalContainer       {outline:dashed 1px #a700a7;margin-bottom:2rem}
.wglConditionalContainerInfo   {padding:4px 8px;background:rgba(234, 5, 227, 0.2);border-bottom:dashed 1px #a700a7;color:#a700a7;position:relative}
.wglConditionalContainerInfo * {color:#a700a7}

.wglConditionalContainerCloser {cursor:pointer;position:absolute;right:6px;top:6px;width:20px;height:20px}
.wglConditionalContainerCloser:before {content:'';position:absolute;margin-top:11px;display:block;width:20px;height:2px;background-color:magenta;transform:rotate(45deg)}
.wglConditionalContainerCloser:after  {content:'';position:absolute;margin-top:11px;display:block;width:20px;height:2px;background-color:magenta;transform:rotate(-45deg)}

.wglMinimizeConditionalContainers .wglConditionalContainer {outline:none;margin-bottom:0}
.wglMinimizeConditionalContainers .wglConditionalContainerInfo {display:none}

.wglButtonClosePreview         {position:absolute;position:fixed;top:8px;left:8px;z-index:1000}

.wglInput                      {font-family:Arial,Sans-serif,Helvetica;font-size:var(--wFontSizeUiDefault);line-height:16px;color:#404040;text-decoration:none;font-weight:normal;}
.wglInputFileSelect            {cursor:pointer;width:16px;height:16px;border-style:none;margin: 3px 0 0 -19px;background-color:#ffffff}

.wglTextarea                   {font-family:Arial,Sans-serif,Helvetica;font-size:var(--wFontSizeUiDefault);line-height:16px;color:#404040;text-decoration:none;font-weight:normal;}

.wglEditorPanel                             {box-sizing:content-box;position:fixed;z-index:1000;overflow:hidden;padding:0 40px 40px 0;width:64px;min-height:300px;}
.wglEditorPanel .wglBrowseEditPanelBanner   {position:absolute;left:0;bottom:46px}
.wglEditorPanel .wglBrowseEditPanelInnerTop {float:left;width:64px;height:6px;line-height:5px;margin:0 0 0 0 ;padding:0;background-position:top right;background-image:url(/weblication/grid5/gui/images/style/be_panel_bg_bottom_right.png);background-repeat:no-repeat;}
.wglEditorPanel .wglBrowseEditPanelInner    {clear:left;min-height:300px;margin:0 0 0 0;padding:0 10px 12px 34px;background-position:bottom right;background-image:url(/weblication/grid5/gui/images/style/be_panel_bg_bottom_right.png);background-repeat:no-repeat;}
.wglEditorPanel .wglSectionHeader       {white-space:nowrap;visibility:hidden;margin-top:2px;clear:left;margin:6px 0 2px 21px;font-size:12px;font-weight:bold;text-decoration:none;font-family:Arial, Sans-serif, Helvetica;color:#000000;}
.wglEditorPanel .wglButton              {margin-top:2px;clear:left;margin-left:0;border-color:#BCBCBC #999999 #999999 #BCBCBC}
.wglEditorPanel .wglButtonCaption       {display:none}
.wglEditorPanel:hover                   {display:block;width:269px}
.wglEditorPanel:hover .wglBrowseEditPanelInnerTop  {width:269px}
.wglEditorPanel:hover .wglButton        {display:block;width:220px}
.wglEditorPanel:hover .wglButtonCaption {display:block}
.wglEditorPanel:hover .wglSectionHeader {visibility:visible;}

#wDevelopersearch                   {margin:20px 0 -20px 0;overflow:visible}
#wDevelopersearch:last-child        {margin-bottom:0}
#wInputDevelopersearch              {width:100%;height:24px !important;line-height:24px !important;box-sizing:border-box;padding-left:6px;background:rgba(255, 255, 255, 0.5);border:none !important;border-radius:0 !important}
#wInputDevelopersearch:active,
#wInputDevelopersearch:focus        {outline:none;box-shadow:none;background:#ffffff;}
#wInputDevelopersearch::placeholder {color:#999999}
#wInputDevelopersearchResult        {width:100%;position:absolute;}
#wInputDevelopersearchResultCloser  {display:none;width:22px;height:22px;position:absolute;right:23px;margin:-23px 0 0 0;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:800px;background-repeat:no-repeat;background-position:-164px -133px}
#wDevelopersearch.isActive #wInputDevelopersearchResultCloser {display:block;}

#wDevelopersearchSuggestOuter           {position:absolute;overflow:visible;margin:0 0 0 -20px;padding:0 20px 20px 20px;z-index:10}
#wDevelopersearchSuggestInner           {width:430px;background-color:#ffffff;padding-top:0px;border-top:solid 1px #c0c0c0;box-shadow:0 0 8px -1px rgba(0, 0, 0, 0.3);clip-path:inset(0px -12px -12px -12px);max-height:calc(100vh - 400px);overflow:auto}
#wDevelopersearchSuggestInner.empty,
#wDevelopersearchSuggestInner:empty     {display:none}
.wDevelopersearchSuggestEntry           {cursor:pointer;padding:0 5px 0 5px;line-height:21px;position:relative;white-space:nowrap}
.wDevelopersearchSuggestEntry > span    {padding-left:22px;display:block;line-height:23px !important}
.wDevelopersearchSuggestEntry:before    {content:'';position:absolute;margin-top:1px;display:block;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:-552px -230px}
.wDevelopersearchSuggestEntry:hover     {background:#f0f0f0}
.wDevelopersearchSuggestEntry-framework:before {background-position:-584px -230px}
.wDevelopersearchSuggestEntry-webtag:before {background-position:-616px -230px}
.wDevelopersearchSuggestEntry-css:before {background-position:-648px -230px}
.wDevelopersearchSuggestEntry-weblic:before {background-position:-9px -295px}


.isActiveDevsearch #wDevelopersearch               {position:fixed;z-index:10000000;left:0;top:0;width:100vw;height:100vh;margin:0;background:#eeeeee}
.isActiveDevsearch #wDevelopersearch               {font-size:var(--wFontSizeUiDefault);font-family:arial, helvetica;color:#000000}
.isActiveDevsearch #wInputDevelopersearch          {width:calc(100% - 40px);margin:20px 20px 0 20px}
.isActiveDevsearch #wDevelopersearchSuggestOuter   {box-sizing:border-box;position:absolute;width:100%;overflow:visible;margin:0 0 0 0px;padding:0 20px 20px 20px;z-index:10;}
.isActiveDevsearch #wDevelopersearchSuggestInner   {width:100%;background-color:#ffffff;padding-top:0px;border-top:solid 1px #c0c0c0;box-shadow:0px 5px 3px rgba(0, 0, 0, 0.2);max-height:calc(100vh - 400px);overflow:auto}
.isActiveDevsearch #wDevelopersearchSuggestInner .wglButton {border: solid 1px #c0c0c0;background: #e0e0e0;margin: 0 4px 8px 0;}


#wDevelopersearchSuggestPanelButtons,
#wDevelopersearchSuggestPanelWeblics,
#wDevelopersearchSuggestPanelDocu,
#wDevelopersearchSuggestPanelBlog               {position:relative;overflow:hidden;background-color:#ffffff;padding:2px 0 0 0;border-bottom:solid var(--wBorderSize) #d0d0d0}

#wDevelopersearchSuggestPanelButtons            {background-color:#f0f0f0}
#wDevelopersearchSuggestPanelWeblics            {}
#wDevelopersearchSuggestPanelDocu               {}
#wDevelopersearchSuggestPanelBlog               {}

#wDevelopersearchSuggestPanelButtons:before,
#wDevelopersearchSuggestPanelWeblics:before,
#wDevelopersearchSuggestPanelDocu:before,
#wDevelopersearchSuggestPanelBlog:before        {display:block;padding:2px 0px 2px 6px;font-weight:bold}

#wDevelopersearchSuggestPanelButtons:before     {content:'Panel Funktionen'}
#wDevelopersearchSuggestPanelWeblics:before     {content:'Weblics'}
#wDevelopersearchSuggestPanelDocu:before        {content:'Dokumentation'}
#wDevelopersearchSuggestPanelBlog:before        {content:'Entwicklerartikel'}

#wDevelopersearchSuggestPanelButtons:empty,
#wDevelopersearchSuggestPanelWeblics:empty,
#wDevelopersearchSuggestPanelDocu:empty,
#wDevelopersearchSuggestPanelBlog:empty {display:none}

#wDevelopersearchSuggestPanelNoResult {display:none;padding:6px;color:#999999}
.searchSuggestFeedbackLink {text-decoration:underline !important;color:#666666;cursor:pointer}

.wDevelopersearchSuggestEntryPanelButton        {overflow:hidden;display:block;float:left;padding:0 2px}
.wDevelopersearchSuggestEntryPanelButton:before {display:none}

#wDevelopersearch + div[section='admin'] {
  margin-top:28px;
}

.wglBePanelContainer           {position:fixed;z-index:1000000;top:0;left:0}
.wglBePanelContainerRight      {position:fixed;z-index:1000000;top:0;right:0}

.wglBePanel                    {border-radius:0 3px 3px 0;box-sizing:content-box;position:fixed;z-index:10000;left:0;width:30px;top:40px;padding-top:16px;background-color:#d0d0d0;background-image:linear-gradient(90deg, #e0e0e0 0%, #d9d9d9 35%, #bfbfbf calc(29px + var(--wBorderSize)), #999);box-shadow:3px 3px 6px -2px #0008;font-size:var(--wFontSizeUiDefault);font-family:Arial, Sans-serif, Helvetica;line-height:125%;text-transform:none;font-weight:normal;font-style:normal;color:#000000;letter-spacing:normal}
body[data-wv='19'] .wglBePanel  {border-radius:0 2px 2px 0;}
@media print {
  .wglBePanelContainer {
    display:none;
  }
}

.browseedit .wglBePanel {display:block}
.isInDesk .wglBePanel {top:0;height:100%;background-image:none;background-color:#e0e0e0;box-shadow:4px 0px 14px rgba(0, 0, 0, 0.3);border-right:solid var(-wBorderSize) #BDBDBD;width:30px;}
.isInDesk .wglBePanelLogo {display:none}
.isInDesk #wglBePanelSectionDashboard {display:none}
.isInDesk #wglBePanelSectionFunctions {display:none}

.wglBePanelMin                 {transition:left 0.3s linear}
.wglBePanelMin:hover           {left:0}

#bePanel .wglBePanelRight               {left:auto;right:0px;background-image:linear-gradient(90deg, #999 0, #999 var(--wBorderSize), #e0e0e0 var(--wBorderSize), #d9d9d9 35%, #bfbfbf 100%);box-shadow:-3px 3px 9px -1px #0004;width:30px;}

.wglBePanelBanner              {float:left;width:30px;height:100%;background-image:url('/weblication/grid5/scripts/wImage.php?action=getPanelBackground');background-position:bottom;}
.wglBePanelSection             {height:34px;display:block;overflow:hidden}
.wglBePanelSectionInner .bePanelIconMain,
.wglBePanelSectionLayer .bePanelIconMain      {padding:6px 6px 6px 3px;position:absolute;}

.wglBePanelSectionInner .bePanelIconMain.bePanelIconMainQuickAccess      {padding-bottom:14px}

.wglBePanelSectionLayer .bePanelIconMain img  {display:block}
.wglBePanelSectionInner .bePanelIconMain span,
.wglBePanelSectionLayer .bePanelIconMain span {display:block;width:24px;height:24px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:800px;background-repeat:no-repeat;background-position:0 0}
.wglBePanelSectionLayer .bePanelIconMainAdmin       span {background-position:-4px -547px}
.wglBePanelSectionLayer .bePanelIconMainStructure   span {background-position:-36px -548px}
.wglBePanelSectionInner .bePanelIconMainDashboard   span,
.wglBePanelSectionLayer .bePanelIconMainDashboard   span {background-position:-196px -548px}
.wglBePanelSectionInner .bePanelIconMainFilemanager span,
.wglBePanelSectionLayer .bePanelIconMainFilemanager span {background-position:-164px -548px}
.wglBePanelSectionLayer .bePanelIconMainContent     span {background-position:-68px -548px}
.wglBePanelSectionLayer .bePanelIconMainTools       span {background-position:-100px -547px}
.wglBePanelSectionInner .bePanelIconMainQuickAccess span,
.wglBePanelSectionLayer .bePanelIconMainQuickAccess span {background-position:-223px -548px}
.wglBePanelSectionLayer .bePanelIconMainFunctions   span {background-position:-132px -548px}
.wglBePanelSectionLayer .bePanelIconMainDashboard   span {background-position:-196px -548px}
.wglBePanelSectionInner .bePanelIconMainHelp        span {background-position:-228px -548px}
.wglBePanelSectionLayer .bePanelIconMainInfo        span {background-position:-260px -548px}

.wglBePanelSectionLayer .bePanelIconMainFunctions.ome:after {content:'!';font-family:'courier new';font-weight:bold;font-size:13px;line-height:13px;width:13px;height:13px;top:0;text-align:center;margin:21px 0 0 12px;position:absolute;color:#000000;background-color:#FFB365;border-radius:50%;box-shadow:0 0 3px rgba(0, 0, 0, 0.5)}
.wglBePanelSectionLayer .bePanelIconMainFunctions.nva:after {content:'!';font-family:'courier new';font-weight:bold;font-size:13px;line-height:13px;width:13px;height:13px;top:0;text-align:center;margin:21px 0 0 12px;position:absolute;color:#000000;background-color:#FFB365;border-radius:50%;box-shadow:0 0 3px rgba(0, 0, 0, 0.5)}
.wglBePanelSectionLayer .bePanelIconMainFunctions.nvl:before {content:'!';font-family:'courier new';font-weight:bold;font-size:13px;line-height:13px;width:13px;height:13px;top:0;text-align:center;margin:21px 0 0 12px;position:absolute;color:#ffffff;background-color:#436dae;border-radius:50%;box-shadow:0 0 3px rgba(0, 0, 0, 0.5)}

.wglBePanelInfo                  {}
.wglBePanelInfo > div            {}

.wglBePanelInfoSite              {box-sizing:border-box;width:30px}

#wglBePanelMessages              {cursor:pointer;position:relative;width:30px;height:36px}
#wglBePanelMessages:hover > div:before       {content:'';position:absolute;top:0;left:0;width:30px;height:36px;background:#eeeeee;z-index:0}
#wglBePanelMessages:hover #wglBePanelMessagesLayer {position:absolute;top:0;left:0px;z-index:-2}
#wglBePanelMessages:hover #wglBePanelMessagesLayer:after  {z-index:-1;content:'Aufgaben / Notizen';font-size:13px;font-weight:bold;text-decoration:none;font-family:Arial, Sans-serif, Helvetica;color:#666666;display:block;position:absolute;top:0;left:30px;line-height:36px;box-sizing:border-box;width:148px;height:36px;padding:0 12px;background:#eeeeee;border:solid var(--wBorderSize) #c6c6c6;border-left:none;border-top-color:#d7d7d7;border-left:none;box-shadow:1px 1px 11px -1px #0003}
#bePanel .wglBePanelRight #wglBePanelMessages:hover #wglBePanelMessagesLayer:after {left:-148px;border-left:solid var(--wBorderSize) #c6c6c6;border-right:none}
html[data-wuserlang='en'] #wglBePanelMessages:hover #wglBePanelMessagesLayer:after {content:'Todos / Notes';width:128px}
html[data-wuserlang='fr'] #wglBePanelMessages:hover #wglBePanelMessagesLayer:after {content:'Tâches / Notes';width:128px}

#wglBePanelMessages[data-hasnewmessages='1'] .infoHasNewMessages {position:absolute;width:13px;height:13px;background:red;border-radius:10px;left:auto;top:2px;right:1px;z-index:10}

#wglBePanelMessages:hover:before     {content:'';display:block;position:absolute;z-index:1;box-sizing:border-box;width:30px;height:var(--wBorderSize);background:rgba(0, 0, 0, 0.15);}
#wglBePanelMessages:hover:after      {content:'';display:block;position:absolute;z-index:1;box-sizing:border-box;width:30px;height:var(--wBorderSize);bottom:0;background:rgba(0, 0, 0, 0.15);}
#wglBePanelMessages div div    {display:block;position:absolute;top:9px;left:7px;width:16px;height:16px;font-size:var(--wFontSizeUiDefault);line-height:16px;text-align:center}
#wglBePanelMessages div.todo   {z-index:2;background:rgb(5, 111, 252);margin:0 0 0 -4px;color:#ffffff}
#wglBePanelMessages div.done   {z-index:1;background:rgb(166, 252, 165);margin:2px 0 0 0}
#wglBePanelMessages div.note   {z-index:0;background:rgb(255, 255, 170);margin:4px 0 0 4px}
#wglBePanelMessages div.none   {z-index:0;background:transparent;margin:0 0 0 0;outline:solid var(--wBorderSize) #a0a0a0;background:rgba(255, 255, 255, 0.35);}

#wglBePanelMessages[data-hasmessagesimportant="11"] {background:rgba(255, 0, 0, 0.5);}
#wglBePanelMessages[data-hasmessagesimportant="1"]:before {content:'!';position:absolute;z-index:10;top:0px;left:0px;font-size:17px;color:red;text-shadow:1px 1px #ffffff}

#wglBePanelMessages[data-hasmessages="1"] div.none   {display:none}
#wglBePanelMessages[data-numbertodo="0"]  div.todo   {display:none}
#wglBePanelMessages[data-numberdone="0"]  div.done   {display:none}
#wglBePanelMessages[data-numbernote="0"]  div.note {display:none}

#wglBePanelMessages[data-numberdone="0"]  div.todo   {margin:-1px 0 0 -2px}
#wglBePanelMessages[data-numbernote="0"]  div.todo {margin:-1px 0 0 -2px}
#wglBePanelMessages[data-numbernote="0"]#wglBePanelMessages[data-numbernote="0"] div.todo {margin:0 0 0 0}
#wglBePanelMessages[data-numbertodo="0"]  div.done   {margin:-1px 0 0 -2px}
#wglBePanelMessages[data-numbernote="0"]  div.done {margin:1px 0 0 2px}
#wglBePanelMessages[data-numbertodo="0"]#wglBePanelMessages[data-numbernote="0"] div.done {margin:0 0 0 0}
#wglBePanelMessages[data-numbertodo="0"]  div.note {margin:1px 0 0 2px}
#wglBePanelMessages[data-numberdone="0"]  div.note {margin:1px 0 0 2px}
#wglBePanelMessages[data-numbertodo="0"]#wglBePanelMessages[data-numberdone="0"]  div.note {margin:0 0 0 0}

.wglBePanel #wglBePanelMessagesPage {display:none}

#wglSiteinfoMessages              {cursor:pointer;position:relative;width:30px;height:20px}
#wglSiteinfoMessages:hover        {}
#wglSiteinfoMessages > div        {display:block;position:absolute;top:3px;left:7px;width:16px;height:16px;font-size:var(--wFontSizeUiDefault);line-height:16px;text-align:center}
#wglSiteinfoMessages div.todo     {z-index:2;background:rgb(5, 111, 252);margin:-2px 0 0 -4px;color:#ffffff}
#wglSiteinfoMessages div.done     {z-index:1;background:rgb(166, 252, 165);margin:0 0 0 0}
#wglSiteinfoMessages div.note     {z-index:0;background:rgb(255, 255, 170);margin:2px 0 0 4px}
#wglSiteinfoMessages div.none     {z-index:0;background:transparent;margin:0 0 0 0;outline:none 1px #a0a0a0;background:rgba(255, 255, 255, 1);left:1px}

#wglSiteinfoMessages[data-hasmessagesimportant="11"] {background:rgba(255, 0, 0, 0.5);}
#wglSiteinfoMessages[data-hasmessagesimportant="1"]:before {content:'!';position:absolute;z-index:10;top:-3px;left:0px;font-size:17px;color:red;text-shadow:1px 1px #ffffff}

#wglSiteinfoMessages[data-hasmessages="1"]  div.none   {display:none}
#wglSiteinfoMessages[data-numbertodo="0"]   div.todo   {display:none}
#wglSiteinfoMessages[data-numberdone="0"]   div.done   {display:none}
#wglSiteinfoMessages[data-numbernote="0"]   div.note {display:none}

#wglSiteinfoMessages[data-numberdone="0"]  div.todo   {margin:-1px 0 0 -2px}
#wglSiteinfoMessages[data-numbernote="0"]  div.todo {margin:-1px 0 0 -2px}
#wglSiteinfoMessages[data-numberdone="0"]#wglSiteinfoMessages[data-numbernote="0"] div.todo {margin:0 0 0 0}
#wglSiteinfoMessages[data-numbertodo="0"]  div.done   {margin:-1px 0 0 -2px}
#wglSiteinfoMessages[data-numbernote="0"]  div.done {margin:1px 0 0 2px}
#wglSiteinfoMessages[data-numbertodo="0"]#wglSiteinfoMessages[data-numbernote="0"] div.done {margin:0 0 0 0}
#wglSiteinfoMessages[data-numbertodo="0"]  div.note {margin:1px 0 0 2px}
#wglSiteinfoMessages[data-numberdone="0"]  div.note {margin:1px 0 0 2px}
#wglSiteinfoMessages[data-numbertodo="0"]#wglSiteinfoMessages[data-numberdone="0"]  div.note {margin:0 0 0 0}

#wglBePanelSiteinfo                                                {cursor:pointer;box-sizing:border-box;position:relative;width:30px;height:34px;}
#wglBePanelSiteinfo:hover                                          {background:#f3f3f3}
#wglBePanelSiteinfo:hover:before                                   {content:'';display:block;position:absolute;z-index:1;box-sizing:border-box;width:30px;height:1px;background:rgba(0, 0, 0, 0.15);}
#wglBePanelSiteinfo:hover:after                                    {content:'';display:block;position:absolute;z-index:1;box-sizing:border-box;width:30px;height:1px;bottom:0;background:rgba(0, 0, 0, 0.15);}

.wglSiteInfoLayer #wglBePanelSiteinfo:hover                        {width:40px;}
.wglSiteInfoLayer #wglBePanelSiteinfo:hover:before,
.wglSiteInfoLayer #wglBePanelSiteinfo:hover:after                  {width:35px}

#wglBePanelSiteinfo #wglBePanelStatusMode.development              {position:relative;width:30px;height:24px;background:linear-gradient(90deg, rgba(6, 132, 221, 0.16) 0%, rgba(6, 132, 221, 0.32) 100%)}
#wglBePanelSiteinfo #wglBePanelStatusMode.development:before       {content:'';display:block;position:absolute;top:0;box-sizing:border-box;width:30px;height:1px;background:rgba(0, 0, 0, 0.05);}
#wglBePanelSiteinfo #wglBePanelStatusMode.development:after        {content:'';display:block;position:absolute;bottom:0;box-sizing:border-box;width:30px;height:1px;background:rgba(0, 0, 0, 0.05);}
#wglBePanelSiteinfo #wglBePanelStatusMode.development div          {position:absolute;width:16px;height:16px;margin:4px 0 0 5px}
#wglBePanelSiteinfo #wglBePanelStatusMode.development div:before   {content:'';display:block;position:absolute;width:16px;height:16px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:720px;background-repeat:no-repeat;background-position:-236px -324px}

#wglBePanelSiteinfo #wglBePanelSiteinfoStatus {}
#wglBePanelSiteinfo #bar1   {position:absolute;top:9px;left:11px;height:4px;width:6px;background:#999999}
#wglBePanelSiteinfo #bar2   {position:absolute;top:15px;left:11px;height:4px;width:10px;background:#999999}
#wglBePanelSiteinfo #bar3   {position:absolute;top:21px;left:11px;height:4px;width:14px;background:#999999}
#wglBePanelSiteinfo #bottom {position:absolute;top:9px;left:7px;height:16px;width:3px;background:#999999}

#wglBePanelSiteinfo[data-status="g"] #bottom {background:#1cb526}
#wglBePanelSiteinfo[data-status="r"] #bottom {background:#dd6575}

#wglBePanelSiteinfo[data-generateimagesizes="1"] #wglBePanelSiteinfoStatus {opacity:0.3}

/*
#wglBePanelSiteinfo[data-generateimagesizes="1"] #progress {
  display:block;
  position:absolute;
  top:5px;
  left:4px;
  width:24px;
  height:24px;
  background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:800px;background-repeat:no-repeat;background-position:-390px -230px;
  animation: animateProgressImagegenerationPicture 3s infinite steps(20);
}

@keyframes animateProgressImagegenerationPicture {
  0%, 100% {
    transform:scale(1, 1);  
  }
  25%, 75% {
    transform:scale(0.5, 1);  
  }  
  50% {
    transform:scale(1, 0.5);  
  }  
}
*/

#wStatusGenerateImageSizes  {display:inline-block;position:relative}
#wStatusGenerateImageSizesAnimation {display:inline-block;position:relative}

#wStatusGenerateImageSizesAnimation[data-generateimagesizes="1"] > span,
#wglBePanelSiteinfo[data-generateimagesizes="1"] #progress > span:first-child {
  display:block;
  position:absolute;
  width:4px;
  height:5px;
  border-radius:0;
  left:7px;
  bottom:1px;
  border:solid var(--wBorderSize) #666666;
  border-style:none solid;
  animation: animateProgressImagegeneration 2s infinite steps(10);
}

#wStatusGenerateImageSizesAnimation[data-generateimagesizes="1"] > span {
 bottom:1px;
}

#wStatusGenerateImageSizesAnimation[data-generateimagesizes="1"] > span::after,
#wglBePanelSiteinfo[data-generateimagesizes="1"] #progress > span:first-child::after {
  display:block;content:'';height:3px;border-bottom:dotted 1px #888888;
}

#wglBePanelSiteinfox[data-generateimagesizes="1"] #progress {
  display:block;position:absolute;width:4px;height:4px;border-radius:4px;left:4px;bottom:2px;background:#888888;
  background: linear-gradient(to right, red 0%, orange 25%, yellow 40%, blue 66%, green 75%);
  animation: animateProgressImagegeneration 2s infinite steps(10);
}

@keyframes animateProgressImagegeneration {
  0%, 100% {
    margin-left:0px;
    width:3px;
  }
  25% {
    margin-left:6px;
    width:12px;
  }  
  50% {
    margin-left:12px;
    width:3px;
  }  
  75% {
    margin-left:6px;
    width:12px;
  }
}

.wglBePanelLogo                {border-radius:0 0 3px 0;overflow:hidden;transition:height 0.3s ease-in-out;height:200px;background:linear-gradient(90deg, #475772 0%, #061C3B 100%);margin-top:8px}
body[data-wv='19'] .wglBePanelLogo                {border-radius:0 0 2px 0;}
.wglBePanelLogo:before         {transition:all 0.3s ease-in-out;content:'';display:block;width:200px;height:130px;background-size:120px;transform:rotate(-90deg);transform-origin:92px 85px;background-image:url('/weblication/grid5/scripts/wImage.php?action=getPanelBackground');background-repeat:no-repeat}
.wglBePanelLogo.isDev:before   {background-size:96px;transform-origin:98px 89px;}
.wglBePanelLogo.isDev span     {display:inline-block;width:auto;white-space:nowrap;height:13px;border-radius:7px;line-height:13px;padding:0 6px;text-align:center;transition:all 0.3s ease-in-out;content:'';transform:rotate(-90deg);transform-origin:-24px -32px;color:#ffffff !important;background:#b705ff !important;font-size:8px !important;font-family:Arial, Sans-serif, Helvetica}
  
.wglBePanelLash {display:none}  


.wglBePanelSectionInner,
.wglBePanelSectionLayer        {position:absolute;width:36px;height:36px}
.wglBePanelSectionLayerLast    {height:32px}
.wglBePanelSectionLayer:hover,
.wglBePanelSectionLayer.hover  {width:auto}
.wglBePanelSectionLayer:hover .bePanelIconMain,
.wglBePanelSectionLayer.hover .bePanelIconMain {position:absolute;left:0;background-color:#eeeeee;margin-left:0px;padding:6px 9px 6px 3px}
.wglBePanelSectionLayer:hover .bePanelIconMain:before,
.wglBePanelSectionLayer.hover .bePanelIconMain:before {content:'';display:block;position:absolute;top:0;left:0;box-sizing:border-box;width:34px;height:var(--wBorderSize);background:#c6c6c6;margin:0;box-shadow:none}
.wglBePanelSectionLayer:hover .bePanelIconMain:after,
.wglBePanelSectionLayer.hover .bePanelIconMain:after {content:'';display:block;position:absolute;bottom:0;left:0;box-sizing:border-box;width:34px;height:var(--wBorderSize);background:#c6c6c6;margin:0;box-shadow:none}


.wglBePanelSectionInner .bePanelIconMainDashboard,
.wglBePanelSectionInner .bePanelIconMainQuickAccess,
.wglBePanelSectionInner .bePanelIconMainFilemanager       {width:21px}
.wglBePanelSectionInner .bePanelIconMainDashboard:hover,
.wglBePanelSectionInner .bePanelIconMainQuickAccess:hover,
.wglBePanelSectionInner .bePanelIconMainFilemanager:hover {background:#eeeeee}

.wglBePanelSectionInner .bePanelIconMainDashboard:hover:before,
.wglBePanelSectionInner .bePanelIconMainQuickAccess:hover:before,
.wglBePanelSectionInner .bePanelIconMainFilemanager:hover:before {content:'';display:block;position:absolute;top:0;left:0;box-sizing:border-box;width:30px;height:var(--wBorderSize);background:#c6c6c6;}
.wglBePanelSectionInner .bePanelIconMainDashboard:hover:after,
.wglBePanelSectionInner .bePanelIconMainQuickAccess:hover:after,
.wglBePanelSectionInner .bePanelIconMainFilemanager:hover:after {content:'';display:block;position:absolute;bottom:0;left:0;box-sizing:border-box;width:30px;height:var(--wBorderSize);background:#c6c6c6;}

.wglBePanelSectionInner .bePanelIconMainDashboard:hover span:after,
.wglBePanelSectionInner .bePanelIconMainFilemanager:hover span > div {z-index:-1;content:'';font-size:13px;font-weight:bold;text-decoration:none;font-family:Arial, Sans-serif, Helvetica;color:#666666;display:block;position:absolute;top:0;left:30px;line-height:35px;box-sizing:border-box !important;width:160px;height:36px;padding:0 12px;background:#eeeeee;border:solid var(--wBorderSize) #c6c6c6;border-top-color:#d7d7d7;border-left:none;box-shadow:1px 1px 11px -1px #0003;border-radius:0 3px 3px 0}

boody[data-wv='19'] .wglBePanelSectionInner .bePanelIconMainDashboard:hover span:after,
boody[data-wv='19'] .wglBePanelSectionInner .bePanelIconMainFilemanager:hover span > div {border-radius:0}

.wglBePanelSectionInner .bePanelIconMainQuickAccess:hover div.bePanelIconCaptionOuter {z-index:-1;font-size:13px;font-weight:bold;text-decoration:none;font-family:Arial, Sans-serif, Helvetica;color:#666666;display:block;position:absolute;top:0;left:30px;line-height:20px;box-sizing:border-box !important;width:116px;height:44px;padding:4px 12px 0px 12px;background:#eeeeee;border:solid var(--wBorderSize) #c6c6c6;border-left:none;box-shadow:1px 1px 11px -1px #0003}
.wglBePanelSectionInner .bePanelIconMainQuickAccess:hover div.infoShortcut            {color:#888888;line-height:12px;padding-bottom:6px;font-size:12px;font-weight:normal;}

.wglBePanelSectionInner .bePanelIconMainDashboard:hover > span:after {content:'Dashboard';width:96px}
.wglBePanelSectionInner .bePanelIconMainQuickAccess:hover div.bePanelIconCaption:after {content:'Schnellzugriff';width:116px}
.wglBePanelSectionInner .bePanelIconMainQuickAccess:hover div.infoShortcut:after {content:'Strg + e'}
.isMac .wglBePanelSectionInner .bePanelIconMainQuickAccess:hover div.infoShortcut:after {content:'Cmd + e'}
.wglBePanelSectionInner .bePanelIconMainFilemanager > span > div {display:none}
.wglBePanelSectionInner .bePanelIconMainFilemanager:hover > span > div {display:inline;width:136px}
#bePanel .wglBePanelRight .wglBePanelSectionInner .bePanelIconMainFilemanager:hover > span > div {left:-135px}

.wglBePanelSectionLayer .wglBePanelSectionLayerContent {background:#f0f0f0;}
.wglBePanelSectionLayer       .wglBePanelSectionLayerContent * {letter-spacing:0;font-family:Arial, Sans-serif, Helvetica;color:#000000;text-decoration:none;font-size:var(--wFontSizeUiDefault)}

.wglBePanelSectionLayer:hover .wglBePanelSectionLayerContent,
.wglBePanelSectionLayer.hover .wglBePanelSectionLayerContent {margin:-16px 0 0 34px;padding:10px;overflow:hidden;border:solid var(--wBorderSize) #c6c6c6;border-top-color:#d7d7d7;box-shadow:1px 1px 11px -1px #0003;border-radius:3px}

body[data-wv='19'] .wglBePanelSectionLayer:hover .wglBePanelSectionLayerContent,
body[data-wv='19'] .wglBePanelSectionLayer.hover .wglBePanelSectionLayerContent {border-radius:0}

.wglBePanelSectionLayer .wglButton .wglButtonStatusContainer {display:none}

.wglBePanelSectionLayer.hover .wglBePanelSectionLayerContent {border:none}

.wglBePanelSectionLayer:hover #wBePanelSectionLayerContentFilemanagerEmbed.wglBePanelSectionLayerContent,
.wglBePanelSectionLayer.hover #wBePanelSectionLayerContentFilemanagerEmbed.wglBePanelSectionLayerContent {padding:10px 0}
.wglBePanelSectionLayer       .wglBePanelSectionLayerContent .wglBePanelSectionLayerContentDefault {display:none;padding:10px;overflow:auto;max-width:calc(100vw - 80px)}
#wglBePanelSectionFilemanagerEmbed .wglBePanelSectionLayer       .wglBePanelSectionLayerContent .wglBePanelSectionLayerContentDefault {padding:0}
.wglBePanelSectionLayer:hover .wglBePanelSectionLayerContent .wglBePanelSectionLayerContentDefault,
.wglBePanelSectionLayer.hover .wglBePanelSectionLayerContent .wglBePanelSectionLayerContentDefault {display:block}
.wglBePanelSectionLayer       .wglBePanelSectionLayerContent .wglBePanelSectionInfo {overflow:hidden;color:#333333;font-size:var(--wFontSizeUiDefault);text-align:left;text-shadow:none}
.wglBePanelSectionLayer       .wglBePanelSectionLayerContent .wglBePanelSectionInfo div {margin-top:20px;padding:10px 2px 10px 2px;border-top:solid var(--wBorderSize) #d0d0d0;color:#999999;line-height:17px;}
.wglBePanelSectionLayer       .wglBePanelSectionLayerContent .wglSectionInfo {color:#888888;font-size:var(--wFontSizeUiDefault)}
.x___wglBePanelSectionLayer .bePanelCategoryMiddle,
.x___wglBePanelSectionLayer .bePanelCategoryLast {background-image:url(/weblication/grid5/gui/images/wgl/bg-bePanel-category.png);background-repeat:no-repeat}

.wglBePanelSectionLayer       .wglBePanelLayerInfo     {float:left;clear:both;overflow:hidden;width:100%;color:#666666;font-size:var(--wFontSizeUiSmall)}
.wglBePanelSectionLayer       .wglBePanelLayerInfo div {margin-top:20px;padding:10px 2px 10px 2px;border-top:solid var(--wBorderSize) #d0d0d0}

#bePanel .wglBePanelRight .wglBePanelSectionLayer:hover .wglBePanelSectionLayerContent {width:471px !important;margin-left:-495px}
#bePanel .wglBePanelRight #wglBePanelSectionStructure .wglBePanelSectionLayer:hover .wglBePanelSectionLayerContent {width:530px !important;margin-left:-554px}
#bePanel .wglBePanelRight #wglBePanelSectionTools .wglBePanelSectionLayer:hover .wglBePanelSectionLayerContent {width:691px !important;margin-left:-715px}
#bePanel .wglBePanelRight .wglBePanelSectionLayer:hover .bePanelIconMain               {margin-left:-4px;padding:6px 3px 6px 7px}
#bePanel .wglBePanelRight .wglBePanelSectionLayer:hover .wglBePanelSectionLayerContent {}

.wglBePanel .bePanelIconMainOnly       {padding:6px 6px 6px 6px;cursor:pointer}
.wglBePanel .bePanelIconMainOnly:hover {background-color:#e6e6e6}
.wglBePanel .bePanelIconMainOnly img   {display:block}
.wglBePanel .bePanelIconMainLink       {cursor:pointer}

.wglBePanel .wglSectionHeader                    {white-space:nowrap;clear:left;float:left;margin:31px 0 8px 2px;font-size:15px;line-height:16px;font-weight:bold;text-decoration:none;font-family:Arial, Sans-serif, Helvetica;color:#666666;}
.wglBePanel .wglSectionHeader:first-child        {margin-top:6px}
.wglBePanel #bePanelFunction_reports .wglSectionHeader {margin-top:31px} 
.wglBePanel .wglSectionText                      {white-space:nowrap;clear:left;float:left;margin:12px 0 6px 2px;font-size:var(--wFontSizeUiDefault);text-decoration:none;font-family:Arial, Sans-serif, Helvetica;color:#444444;}

.wglBePanel .wglButton                           {box-shadow:none;display:block;height:25px;float:none;line-height:23px;margin:0 1px 2px 1px;border:solid var(--wBorderSize) transparent;background:none;clear:both;box-shadow:none}
.wglBePanel .wglButton .wglButtonIcon            {}
.wglBePanel .wglButton .wglButtonCaption         {line-height:180%;padding-left:4px}
.wglBePanel .wglButton .wglButtonStatusContainer {border:none;margin-top:2px}

.wglBePanel .wglButton:hover                     {border:solid var(--wBorderSize) rgba(124, 140, 162, 0.3);background:rgba(206, 215, 232, 0.4)}
.wglBePanel .wglButton:hover .wglButtonCaption   {}
.wglBePanel .wglButton:hover .wglButtonIcon      {}
.wglBePanel .wglButton:hover .wglButtonStatusContainer {margin-top:1px;background-color:transparent}


.wglBePanel .wglLayer                 {padding:4px !important;background-color:#f0f0f0;box-shadow:1px 1px 11px -1px #0003}
.wglBePanel .wglLayer .wglLayer       {box-shadow:none;padding:16px !important}
.wglBePanel .wglLayer .wglLayer:after {content:'';display:block;clear:both;width:1px;height:100%;}

.wglBePanel #simulationUser                  {height:20px;font-size:var(--wFontSizeUiDefault);line-height:20px;background:#ffffff}
.wglSectionHeader                            {position:relative}
.wglSectionHeader .buttonEditFavorites       {cursor:pointer;position:absolute;opacity:0.3;width:20px;height:20px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:800px;background-repeat:no-repeat;background-position:-362px -102px;right:-20px;top:1px}
.wglSectionHeader:hover .buttonEditFavorites {opacity:1}


.wglBePanelSide                           {background:#fbfbfb;width:240px;height:100vh;font-family:Helvetica, Sans-serif, Arial}
.wglBePanelSide #wglBePanelHeader         {height:32px;margin-bottom:2px;background:linear-gradient(180deg, #5E6C83 0%, #061C3B 100%)}
.wglBePanelSide #wglBePanelHeader:before  {content:'';display:block;width:100%;height:32px;background-image:url("/weblication/grid5/gui/images/logo-text-weblication.svg");background-size:106px;background-repeat:no-repeat;background-position:13px 9px;}
.wglBePanelSide #bePanelInnerSections     {box-sizing:border-box;height:calc(100vh - 60px);overflow-y:auto;background:#fcfcfc;padding:2px 0}
.wglBePanelSide #bePanelInnerSections > div {border-bottom:solid var(--wBorderSize) #cccccc}
.wglBePanelSide .wglBePanelSection        {height:auto;background:#f5f5f5}
.wglBePanelSide .wglBePanelSectionHeader  {position:relative;user-select:none;cursor:pointer;font-size:12px;line-height:14px;padding:7px 8px 7px 32px;margin:0;border:solid var(--wBorderSize) transparent;border-left:none;border-right:none;background:#f5f5f5}
.wglBePanelSide .wglBePanelSectionHeader:hover  {border:solid var(--wBorderSize) #C8D2DD;border-right:none;border-left:none;background:#eeeeee}
.wglBePanelSide .wglBePanelSectionContent {height:0;overflow-y:auto;background:#ffffff}
.wglBePanelSide .wglBePanelSection.expanded .wglBePanelSectionContent   {height:auto;margin:0;padding:2px 4px 2px 18px;border:solid var(--wBorderSize) #cccccc;margin:4px 4px;position:relative;overflow:visible}
.wglBePanelSide .wglBePanelSectionContent .wglButton {padding:2px 16px 2px 2px}
.wglBePanelSide .wglBePanelSectionContent .wglButton:hover {border-radius:2px;outline:solid var(--wBorderSize) #a4b6e0;background:#eff4ff}
.wglBePanelSide .wglBePanelLash {display:none}

.wglBePanelSide .wglBePanelSectionHeader::before             {content:'';position:absolute;top:1px;left:6px;width:24px;height:24px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:100px 100px;background-size:800px;background-repeat:no-repeat}
.wglBePanelSide #sectionHeaderConfiguration.wglBePanelSectionHeader:before {background-position:-4px -324px}
.wglBePanelSide #sectionHeaderTemplates.wglBePanelSectionHeader:before     {background-position:-421px -356px}
.wglBePanelSide #sectionHeaderStructure.wglBePanelSectionHeader:before     {background-position:-324px -324px}
.wglBePanelSide #sectionHeaderDashboard.wglBePanelSectionHeader:before     {background-position:-452px -100px}
.wglBePanelSide #sectionHeaderFavorites.wglBePanelSectionHeader:before     {background-position:-100px -37px}
.wglBePanelSide #sectionHeaderReports.wglBePanelSectionHeader:before       {background-position:-612px -324px}
.wglBePanelSide #sectionHeaderTools.wglBePanelSectionHeader:before         {background-position:-260px -356px}
.wglBePanelSide #sectionHeaderAnalytics.wglBePanelSectionHeader:before     {background-position:-549px -356px}
.wglBePanelSide #sectionHeaderFunctions.wglBePanelSectionHeader:before     {background-position:-548px -69px}
.wglBePanelSide #sectionHeaderPage.wglBePanelSectionHeader:before          {background-position:-4px -100px}
.wglBePanelSide #sectionHeaderGlobal.wglBePanelSectionHeader:before        {background-position:-100px -100px}
.wglBePanelSide #sectionHeaderSystem.wglBePanelSectionHeader:before        {background-position:-36px -164px}
.wglBePanelSide #sectionHeaderSiteinfo.wglBePanelSectionHeader:before      {display:none}

.wglBePanelSide .wglFavorites {padding:2px 0}
.wglBePanelSide .wglSectionHeaderFavorites {margin:4px -2px -2px -16px;padding:4px 4px 4px 16px;line-height:15px;text-align:right;color:#666666}

.wglBePanelSide .wglBePanelSectionInfo {display:none}

.wglBePanelSide #wDevelopersearch {display:none}

.wglBePanelSide #wglBePanelInfo     {display:none}
.wglBePanelSide #wglBePanelSiteinfo {}

.wglBePanelSide .wglBePanelLogo {display:none}

.wglBePanelSide .wglButton {display:block;border:none;background:none;float:none;clear:both;margin:3px 0}

.wglBePanelSide .wglLayer                 {padding:4px !important;background-color:#f0f0f0;box-shadow:1px 1px 11px -1px #0003;border:solid var(--wBorderSize) #d0d0d0}
.wglBePanelSide .wglLayer .wglLayer       {box-shadow:none;padding:16px !important;border:none}
.wglBePanelSide .wglLayer .wglLayer:after {content:'';display:block;clear:both;width:1px;height:100%;}

.wglBePanelSide #sectionHeaderMessages {padding:0 0 0 3px}
.wglBePanelSide #sectionHeaderMessages #wglBePanelMessages {height:32px;margin-top:-2px}

.wglBePanelSide #wglBePanelMessagesPage {display:none}
.wglBePanelSide #wglBePanelMessages > div {margin:-4px 0 0 0}

.wglBePanelSide #wglBePanelMessagesCaption {width:190px;text-align:left;position:absolute;top:11px;left:27px;}

.wglBePanelSide #wglBePanelMessages:hover > div:before {display:none}

.wglBePanelSide #wglBePanelMessages:hover:before     {display:none}
.wglBePanelSide #wglBePanelMessages:hover:after      {display:none}

.wglBePanelSide #wglBePanelSiteinfo              {position:absolute;left:2px;top:-3px}
.wglBePanelSide #wglBePanelSiteinfo:hover        {background:transparent}
.wglBePanelSide #wglBePanelSiteinfo:hover:before {display:none}
.wglBePanelSide #wglBePanelSiteinfo:hover:after  {display:none}

.wglBePanelSide #wglBePanelSideFooter {height:24px;border-top:solid var(--wBorderSize) #cccccc;background-color:#f5f5f5}

.wglBePanelSide .wglBePanelSideFooterButton              {cursor:pointer;display:block;float:right;width:20px;height:20px;margin:2px 2px;position:relative}
.wglBePanelSide .wglBePanelSideFooterButton:before       {content:'';position:absolute;width:20px;height:20px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0px 0px;background-size:800px;background-repeat:no-repeat}
.wglBePanelSide .wglBePanelSideFooterButton:hover:before {}

.wglBePanelSide .wglBePanelSideFooterButton-update           {display:none}
.wglBePanelSide .wglBePanelSideFooterButton-update.nva       {display:block;}
.wglBePanelSide .wglBePanelSideFooterButton-update:before    {background-position:-38px -38px}
.wglBePanelSide .wglBePanelSideFooterButton-update.nva:after {content:'!';font-family:'courier new';font-weight:bold;font-size:13px;line-height:13px;width:13px;height:13px;top:0;text-align:center;margin:1px 0 0 -3px;position:absolute;color:#000000;background-color:#FFB365;border-radius:50%;box-shadow:0 0 3px rgba(0, 0, 0, 0.5)}
.wglBePanelSide .wglBePanelSideFooterButton-logout           {float:left}
.wglBePanelSide .wglBePanelSideFooterButton-logout:before    {background-position:-70px -358px}

.wglFavorites  {clear:both;}
.wglFavorites .entryFavorite           {cursor:pointer;position:relative;font-size:var(--wFontSizeUiDefault);overflow:visible;height:20px;width:calc(100% - 28px);line-height:18px;display:block;padding:1px 6px 1px 0;margin:0 2px 0 0;border:solid var(--wBorderSize) transparent}
.wglFavorites .entryFavorite.selected  {border:solid var(--wBorderSize) #C8D2DD;border-color:rgba(124, 140, 162, 0.3);background:rgba(206, 215, 232, 0.4)}
.wglFavorites .entryFavorite:hover     {border:solid var(--wBorderSize) #C8D2DD;border-color:rgba(124, 140, 162, 0.3);background:rgba(206, 215, 232, 0.4)}

.wglFavorites .entryFavorite:hover .entryFavorite-preview         {display:block;position:absolute;width:22px;height:22px;right:44px;top:0;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:800px;background-repeat:no-repeat;background-position:-4px -164px;background-color:#f6f6f6}
.wglFavorites .entryFavorite:hover .entryFavorite-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}
.wglFavorites .entryFavorite:hover .entryFavorite-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}
.wglFavorites .entryFavorite .entryFavorite-status                {display:block;width:20px;height:20px;position:absolute;top:1px;right:-24px;display:block;}
.wglFavorites .entryFavorite .entryFavorite-status:before         {display:block;width:20px;height:20px;position:absolute;content:'';background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:800px;background-repeat:no-repeat;background-position:100px 100px}
.wglFavorites .entryFavorite .entryFavorite-status-offline:before {background-position:-38px -6px !important}

.wglFavorites .entryFavorite-iconsrc                  {float:left;margin:0px 0px 0 0;width:20px;height:20px;position:relative;background-size:18px;background-position:center;background-repeat:no-repeat}

.wglFavorites .entryFavorite-icon                     {float:left;margin:0px 0px 0 0;width:20px;height:20px;position:relative}
.wglFavorites .entryFavorite-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}
.wglFavorites .entryFavorite-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}

.wglFavorites .entryFavorite-icon-document:before     {background-position:-6px -102px !important}
.wglFavorites .entryFavorite-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;}

.wglFavorites .entryFavorite-icon-document.dir:before  {background-position:-101px -102px !important}
.wglFavorites .entryFavorite-icon-document.url:before  {background-position:-4px -166px !important}

.wglFavorites .entryFavorite-icon-document.css:after  {content:'CSS';display:block;width:16px;position:absolute;color:#ffffff;text-align:center;padding:0;background-color:#697316;}
.wglFavorites .entryFavorite-icon-document.scss:after {content:'CSS';display:block;width:16px;position:absolute;color:#ffffff;text-align:center;padding:0;background-color:#bb447f;}
.wglFavorites .entryFavorite-icon-document.txtx:after {content:'TXT';display:block;width:14px;position:absolute;color:#ffffff;text-align:center;padding:0;background-color:#666666;}
.wglFavorites .entryFavorite-icon-document.js:after   {content:'JS'; display:block;width:14px;position:absolute;color:#ffffff;text-align:center;padding:0;background-color:#ed8c00;}
.wglFavorites .entryFavorite-icon-document.xsl:after  {content:'XSL';display:block;width:14px;position:absolute;color:#ffffff;text-align:center;padding:0;background-color:#1654a0;}
.wglFavorites .entryFavorite-icon-document.svg:after  {content:'SVG';display:block;width:14px;position:absolute;color:#ffffff;text-align:center;padding:0;background-color:#333333;}
.wglFavorites .entryFavorite-icon-document.php:after  {content:'PHP';display:block;width:15px;position:absolute;color:#ffffff;text-align:center;padding:0;background-color:#7979e0;}
.wglFavorites .entryFavorite-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)}

.wglFavorites .entryFavorite-caption                   {float:left;padding:0 0 0 4px;line-height:20px}
.wglBePanelInfoEmbed                                   {font-weight:bold}

.wglPanelEditorActivatorLayer                                  {position:absolute;margin-top:-8px;width:36px;height:220px;overflow:hidden}
.wglPanelEditorActivatorLayer:hover                            {width:auto;padding:0 20px 20px 0}
.wglPanelEditorActivatorLayer .wglPanelEditorActiveLayer       {display:none;overflow:hidden;}
.wglPanelEditorActivatorLayer:hover .wglPanelEditorActiveLayer {display:block;padding:11px 4px 4px 3px;background-color:#e9e9e9;background-image:-moz-linear-gradient(top, #e6e6e6 40%, #d9d9d9 100%);background-image:-webkit-linear-gradient(top, #e6e6e6 40%, #d9d9d9 100%);overflow:hidden;box-shadow:6px 6px 10px rgba(0, 0, 0, 0.3);}
.wglPanelEditorActivatorLayer:hover .wglPanelEditorActiveLayer .wglButton {margin-bottom:6px}
.wglPanelEditorActivatorLayer .wglPanelEditorActiveLayer .wglButton .wglButtonIcon       {margin-top:2px}
.wglPanelEditorActivatorLayer .wglPanelEditorActiveLayer .wglButton:hover .wglButtonIcon {margin-top:1px}

.wglTwitterMask                         {position:absolute;overflow:hidden;top:100px;left:320px;width:328px;z-index:20000;padding:10px;background-color:#32CBFF;border:solid 2px #ffffff}
.wglTwitterMask textarea                {float:left;width:320px;height:60px;margin-bottom:4px;padding:2px;font-size:12px;font-family:arial}
.wglTwitterMask #wTwitterRemainingChars {float:left;color:#ffffff;clear:both;font-weight:bold}
.wglTwitterMask .wglButton              {float:right}

.wglFacebookMask                           {position:absolute;overflow:hidden;top:100px;left:320px;width:480px;z-index:20000;padding:10px;background-color:#6D84B4;border:solid 2px #ffffff}
.wglFacebookMask #wFacebookMessage         {width:100%;height:120px;font-family:Arial,Sans-serif,Helvetica;font-size:var(--wFontSizeUiDefault);line-height:16px;color:#404040;text-decoration:none;font-weight:normal;}
.wglFacebookMask #wFacebookDescription     {width:100%;height:100px;font-family:Arial,Sans-serif,Helvetica;font-size:var(--wFontSizeUiDefault);line-height:16px;color:#404040;text-decoration:none;font-weight:normal;}
.wglFacebookMask #wFacebookRemainingChars  {float:left;color:#ffffff;clear:both;font-weight:bold}
.wglFacebookMask #wFacebookPictureSelected {margin-bottom:4px}
.wglFacebookMask .wFacebookPictureToSelect {float:left;cursor:pointer;margin:0 2px 2px 0;border:solid 2px #ffffff}
.wglFacebookMask .wglButton                {float:right}

.wglSiteInfo                               {transition:transform 0.5s ease-in-out, right 0.5s ease-in-out, top 0.5s ease-in-out;width:360px;height:auto;position:fixed;top:10px;right:10px;background-color:#f3f3f3;font-size:var(--wFontSizeUiDefault);font-family:Arial,Sans-serif,Helvetica;color:#000000;z-index:990000;line-height:150%;overflow:hidden;box-shadow:1px 1px 11px -1px #0003;border:solid var(--wBorderSize) #c6c6c6;letter-spacing:normal}
.wglSiteInfoOpened .wglSiteInfo,
.wglSiteInfoOpenedOver .wglSiteInfo        {width:calc(30 * var(--wFontSizeUiXLarge));box-sizing:border-box}

.wglSiteInfoClosed .wglSiteInfo            {transform:scale(0.3);right:150%;top:260px;}
.wglSiteInfoLayer  .wglSiteInfo            {transition:none !important;right:auto;left:34px;top:40px;transform:scale(1)}
.wglSiteInfoLayer  .wglSiteInfoOuter       {z-index:10000;position:fixed;right:auto;left:34px;top:0px;width:calc(100vw - 34px);height:100vh;padding:20px 20px 20px 0}

.wDeviceSimulationLayerVisible.wglSiteInfoOpened .wglSiteInfo,
.wDeviceSimulationLayerVisible.wglSiteInfoOpenedOver .wglSiteInfo {width:836px}
.wDeviceSimulationLayerVisible.wglSiteInfoOpened .wSiteInfoInnerWrap,
.wDeviceSimulationLayerVisible.wglSiteInfoOpenedOver .wSiteInfoInnerWrap {width:430px;border-right:solid 1px #c0c0c0}

.wglSiteInfo #wglSiteinfoError {padding:5px 12px;background:#ffcccc;border-bottom:solid 1px #ffb9ac;}
.wglSiteInfo #wglSiteinfoError:empty {display:none}
.wglSiteInfo #siteinfoTodos {position:absolute;top:3px;left:8px}

.wglSiteInfo .wui-issue-class        {display:block}
.wglSiteInfo .wui-issue-class-title  {display:inline-block;font-weight:bold;padding:0 6px 0 0}
.wglSiteInfo .wui-issue-class-issues {display:inline;}
.wglSiteInfo .wui-issue-class-issue  {display:inline-block;color:#666666}
.wglSiteInfo .wui-issue-class-issue > span:first-child {display:none}

.wglSiteInfo .wui-issue-class-issue {color:#666666}
.wglSiteInfo .wui-issue-class-issue .wui-issue-status {padding:0 4px 0 2px;font-weight:bold}
.wglSiteInfo .wui-issue-class-issue .wui-issue-status:before {display:none}
body[data-wv='19'] .wglSiteInfo .wui-issue-class-issue .wui-issue-status:before {content:"?";padding-right:4px;display:inline}
.wglSiteInfo .wui-issue-class-issue[data-type="value"] .wui-issue-status {font-weight:normal;color:inherit}
.wglSiteInfo .wui-issue-class-issue[data-type="value"] .wui-issue-status:before {content:"";}
.wglSiteInfo .wui-issue-class-issue[data-result="1"]  {color:green}
.wglSiteInfo .wui-issue-class-issue[data-result="1"] .wui-issue-status:before {content:"\2713";}
.wglSiteInfo .wui-issue-class-issue[data-result="0"] {color:rgb(143, 64, 58)}
.wglSiteInfo .wui-issue-class-issue[data-result="0"] .wui-issue-status:before {content:"\2717";}

.waterfallEntry {min-height:8px;position:relative}

.bePanelRight                   .wglSiteInfo      {left:10px;right:auto}
.bePanelRight.wglSiteInfoClosed .wglSiteInfo      {transform:scale(0.3);left:100%;right:auto;top:260px;}
.bePanelRight.wglSiteInfoLayer .wglSiteInfo       {left:auto;right:34px;}
.bePanelRight.wglSiteInfoLayer .wglSiteInfoOuter  {left:auto;right:34px;}

.wglSiteInfo *, .wglSiteInfo *:before, .wglSiteInfo *:after {box-sizing:border-box}

.wglSiteInfo       .wglSiteInfoInner              {padding:6px 12px 12px 12px;overflow-y:auto;position:relative;max-height:calc(100vh - 56px)}
.wglSiteInfoLayer .wglSiteInfo .wglSiteInfoInner  {max-height:calc(100vh - 86px)}
.wglSiteInfo       .wglSiteInfoOpener             {position:absolute;right:7px;top:4px;width:20px;height:24px;z-index:2;cursor:pointer}
.wglSiteInfo       .wglSiteInfoOpener:before      {margin:6px 4px 0 0;width:20px;height:20px;background:none;content:'';display:block;position:absolute;width:16px;height:16px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:720px;background-repeat:no-repeat;background-position:-148px -122px}

.wglSiteInfoLayer  .wglSiteInfo .wglSiteInfoOpener:before  {background-position:-180px -36px}

html:not(.wglSiteInfoLayer) .wglSiteInfo .wglSiteInfoPosToggler             {position:absolute;right:32px;top:4px;width:20px;height:24px;z-index:2;cursor:pointer}
html:not(.wglSiteInfoLayer) .wglSiteInfo .wglSiteInfoPosToggler:before      {content:'';margin:5px 0 0 3px;position:absolute;width:16px;height:16px;border:solid 1px #a0a0a0;background:#f0f0f0}
html:not(.wglSiteInfoLayer) .wglSiteInfo .wglSiteInfoPosToggler:after       {content:'';margin:12px 0 0 10px;position:absolute;width:6px;height:6px;border:solid 1px #888888;background:#a0a0a0}

html.wglSiteInfoPosBottom:not(.wglSiteInfoLayer) .wglSiteInfo .wglSiteInfoPosToggler:after {margin-top:8px}
html.wglSiteInfoPosBottom:not(.wglSiteInfoLayer) .wglSiteInfo {top:auto;bottom:10px;}

.wglSiteinfoOverDock                       {position:absolute;right:-20px;top:-4px;height:24px;width:28px}

.wglSiteInfoLayerx .wglSiteInfo * {text-decoration:none !important}

.wglSiteInfoHeader {padding:8px 12px;font-size:15px;line-height:19px;font-weight:bold;color:#666666;margin:0 0 0 0;text-align:center;background:#dddddd;border-bottom:solid 1px #d0d0d0;}

.wglSiteInfo .siteinfoRegisterSection                                                  {position:relative;}
.wglSiteInfo .siteinfoRegisterSection > div.siteinfoRegisterSectionHeader              {padding:4px 0 0 0;font-size:14px;font-weight:bold;color:#888888;line-height:23px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
body[data-wv='19'] .wglSiteInfo .siteinfoRegisterSection > div.siteinfoRegisterSectionHeader              {padding:0 0px;font-size:15px;font-weight:bold;color:#888888;line-height:23px;border-bottom:solid var(--wBorderSize) #d0d0d0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.wglSiteInfo .siteinfoRegisterSection > div.siteinfoRegisterSectionHeader:after        {content:'';position:absolute;top:8px;right:4px;width:8px;height:8px;border:solid 4px transparent;border-bottom-color:#888888}
.wglSiteInfo .siteinfoRegisterSection > div.siteinfoRegisterSectionHeader:hover:after  {border-bottom-color:#000000}

.wglSiteInfo .siteinfoRegisterSection .siteinfoContentInfoHelp {position:absolute;transition:all 0.3s linear;opacity:0;cursor:pointer;right:14px;top:6px;font-weight:bold;font-size:13px;padding:0 5px;z-index:5}
.wglSiteInfo .siteinfoRegisterSection:hover .siteinfoContentInfoHelp {opacity:0.3}

.wglSiteInfo .siteinfoRegisterSection.closed > div.siteinfoRegisterSectionHeader:after {top:12px;border-bottom-color:transparent;border-top-color:#888888}
.wglSiteInfo .siteinfoRegisterSection.closed > div.siteinfoRegisterSectionHeader:hover:after  {border-top-color:#000000}

.wglSiteInfo .siteinfoRegisterSection.closed > div.siteinfoRegisterSectionContent  {display:none}

#siteinfoContentMobile {background:transparent}

.wglSiteInfo .siteinfoRegisterSection > div.siteinfoRegisterSectionContent {padding:5px 8px 5px 8px;background-color:#ffffff}
body[data-wv='19'] .wglSiteInfo .siteinfoRegisterSection > div.siteinfoRegisterSectionContent {padding:5px 0 10px 0;background-color:transparent}

.wglSiteInfo .siteinfoRegisterSection:last-child > div:last-child  {padding:5px 0 0 0}
.wglSiteInfo .siteinfoRegisterSection .wui-button       {float:left;display:block;text-align:center;border:solid var(--wBorderSize) #c0c0c0;background:#e3e3e3;padding:4px 8px;line-height:100%;cursor:pointer;margin:5px 0 0 0}
.wglSiteInfo .siteinfoRegisterSection .wui-button:hover {border-color:rgba(124, 140, 162, 0.3);background:rgba(206, 215, 232, 0.4)}

.wglSiteInfo .wSiteinfoCard            {margin:0 0 2px 0;background:#ffffff;padding:0;overflow:hidden}
body[data-wv='19'] .wglSiteInfo .wSiteinfoCard            {margin:-5px 0 8px 0;background:#ffffff;padding:8px;overflow:hidden}
.wglSiteInfo .wSiteinfoCardTitle       {font-weight:bold}
.wglSiteInfo .wSiteinfoCardDescription {margin:2px 0 4px 0;line-height:130%;color:#888888}
.wglSiteInfo .wSiteinfoCardImage       {width:120px;float:right;margin-left:6px}

.wglSiteInfo #siteinfoContentStat {padding-bottom:0}

.wglSiteInfo #siteinfoContentStat .wui-select {border:none;}
.wglSiteInfo #siteinfoContentStat .wui-select .wui-select-selected {padding-left:0}

._wglSiteInfo #siteinfoRegisterMobile.siteinfoRegisterSection > div:first-child {border-bottom:none}

.wglSiteInfo #siteinfoRegisterMobile {margin-top:-6px}

.wglSiteInfo .siteinfoRegisterSection > div:last-child:after {content:'';display:block;width:1px;height:1px;clear:both;}

.wglSiteInfo #siteinfoRegisterWai .wui-button           {position:absolute;right:7px;margin-top:-17.5px;z-index:1;padding-top:2px;padding-bottom:2px;}
.wglSiteInfo #siteinfoRegisterWai .wui-button-unmarkWai {position:absolute;right:7px;margin-top:-17.5px;z-index:1;padding-top:2px;padding-bottom:2px;right:7px;border-color:rgba(124, 140, 162, 0.3);background: rgba(185, 209, 255, 0.4);z-index:1}

.wglSiteInfo #siteinfoRegisterWai .waiStatusSection                             {display:block;clear:both;font-weight:bold;padding:2px 5px;margin:0 -5px;border:solid 0.5px transparent}
.wglSiteInfo #siteinfoRegisterWai .waiStatusSectionCaption                      {display:inline-block;min-width:148px;padding-right:4px}
.wglSiteInfo #siteinfoRegisterWai .waiStatusSection:hover                       {background-color:rgba(206, 215, 232, 0.3);border:solid 0.5px rgba(124, 140, 162, 0.3)}

.wglSiteInfo #siteinfoRegisterWai .waiStatusSection:hover .wui-button-markWai, 
.wglSiteInfo #siteinfoRegisterWai .waiStatusSection:hover .wui-button-unmarkWai {}

.wglSiteInfo #siteinfoRegisterWai .waiStatusDefault {display:block;clear:both}
.wglSiteInfo #siteinfoRegisterWai .waiStatusNoWaiMenu {display:block;clear:both;opacity:0.5}
.wglSiteInfo #siteinfoRegisterWai .waiStatusWaiMenu {display:block;clear:both}

.wglSiteInfo #siteinfoRegisterWai .waiStatusAAA,
.wglSiteInfo #siteinfoRegisterWai .waiStatusAA,
.wglSiteInfo #siteinfoRegisterWai .waiStatusU {display:inline-block;background:#a0a0a0;color:#ffffff;padding:0 3px;border-radius:3px;min-width:25px;line-height:16px;text-align:center}

.wglSiteInfo #siteinfoRegisterWai .waiStatusAAA {background:#006100 !important}
.wglSiteInfo #siteinfoRegisterWai .waiStatusAA  {background:#00af00 !important}
.wglSiteInfo #siteinfoRegisterWai .waiStatusU   {background:#e22b01 !important}

.wglLabelWai     {position:absolute;margin:0 0 0 -3px;padding:0 3px}
.wglLabelWai .wglLabelWaiText {color:#ffffff !important;font-size:12px !important;line-height:15px !important;font-weight:normal !important;-webkit-text-fill-color:#ffffff !important}

.wglLabelWaiAAA    {background:#006100 !important}
.wglMarkWaiAAA     {outline:dashed 3px #006100 !important}

.wglLabelWaiAA    {background:#00af00 !important}
.wglMarkWaiAA     {outline:dashed 3px #00af00 !important}

.wglLabelWaiU    {background:#e22b01 !important}
.wglMarkWaiU     {outline:dashed 3px #e22b01 !important}

.wglMarkWaiAAA:hover .wglLabelWai,
.wglMarkWaiAA:hover .wglLabelWai,
.wglMarkWaiU:hover .wglLabelWai {margin-top:-15px}

.wglSiteInfo #siteinfoRegisterWai .waiInfoOk   {font-weight:normal;color:#00af00 !important;float:right}

.wglSiteInfo .wui-button-simulate-mobile {width:100%}
.wglSiteInfo .wui-button-qrcode          {position:absolute;right:7px}
body[data-wv='19'] .wglSiteInfo .wui-button-qrcode          {position:absolute;right:0}

.wglSiteInfo .wui-select {vertical-align:middle;margin-top:-1px}
.wglSiteInfo .wui-select .wui-select-selected {background-color:#f5f5f5;font-size:var(--wFontSizeUi);}

.wglSiteInfo #performanceStat {float:right;margin-top:5px;overflow:hidden;width:120px;height:72px;position:relative;background:#f6f6f6}
body[data-wv='19'].wglSiteInfo #performanceStat {float:right;margin-top:20px;overflow:hidden;width:120px;height:72px;position:relative;background:#ffffff}
.wglSiteInfo #performanceStat #performanceStatTitle {display: block;padding-top:4px;font-size:var(--wFontSizeUi);text-align:center;color:#888888;}
.wglSiteInfo #performanceStat #lineMedium {position:absolute;left:50px;bottom:0;height:48px;width:1px;border-left:dashed 1px #c0c0c0}
.wglSiteInfo #performanceStat #lineMedium span {font-size:8px;display:block;transform:rotate(-90deg);white-space:nowrap;transform-origin:12px 15px;color:#888888}
.wglSiteInfo #performanceStat #linePoor   {position:absolute;left:80px;bottom:0;height:48px;width:1px;border-left:dashed 1px #c0c0c0}
.wglSiteInfo #performanceStat #linePoor span {font-size:8px;display:block;transform:rotate(-90deg);white-space:nowrap;transform-origin:9px 12px;color:#888888}

#tdpInfo .tdpPeriod {margin:8px 0 0px 0}
#tdpInfo .tdpPeriodCaption    {font-weight:bold}
#tdpInfo .tdpPeriod.hasReference .tdpPeriodCaption {font-weight:bold;float:left;margin-right:4px}
#tdpInfo .tdpPeriodInfo       {font-weight:normal;color:#000000;}
#tdpInfo .tdpPeriodInfoObject  {font-weight:normal;color:#888888;}
#tdpInfo .tdpPeriod.hasReference .tdpPeriodInfo {font-weight:normal;color:#999999}
#tdpInfo .tdpPeriodSimulation {margin-top:4px;clear:both}
#tdpInfo .tdpSimulationButton {position:relative;border:solid var(--wBorderSize) #d0d0d0;padding:1px 5px;text-align:center;cursor:pointer;display:inline-block;}
#tdpInfo .tdpSimulationButton.isSimulated:before {content:'\2715';display:block;position:absolute;right:-4px;top:-8px;width:14px;height:14px;border:solid var(--wBorderSize) #67a2ee;border-radius:7px;background:#67a2ee;color:#ffffff;font-size:var(--wFontSizeUiSmall);line-height:12px;text-align:center}
#tdpInfo .tdpSimulationButton.isSimulated {border:solid var(--wBorderSize) #67a2ee;color:#0c6ce8}
#tdpInfo .captionCurrentSimulation {color:#1f78ec;margin-right:4px;}
#tdpInfo .buttonClearCurrentSimulation {background:#67a2ee;border:solid var(--wBorderSize) #0c6ce8;padding:2px 5px;cursor:pointer;text-align:center;color:#ffffff}
#tdpInfo .buttonClearCurrentSimulation:before {content:'\2715';padding-right:4px}

.tdpInfoEmbed {position:fixed;top:0;right:0;z-index:2000020;max-width:480px;font-size:12px;line-height:140%;box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 10px;border:none}
.tdpInfoEmbed > div {border:none !important}

.wglSiteInfo .elementDuration {position:absolute;width:1px;bottom:0;background:#888888}

#wDeviceSimulationLayer     {position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:#eeeeee;z-index:1000008;}
#wDeviceSimulationIframe    {background:#ffffff;position:absolute;left:calc(50vw - 187px);top:calc(50vh - 313px);margin:0;width:375px;height:667px;box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);border:solid var(--wBorderSize) #c6c6c6;}
#wDeviceSimulationLayer .wui-devicesimulation-header {position:absolute;width:348px;height:30px;left:calc(50vw - 172px);top:calc(50vh - 353px);text-align:left}

@media only screen and (min-height: 770px){

}
#wDeviceSimulationLayer .wui-devicesimulation-header-title {font-size:33px;color:#999999}
#wDeviceSimulationLayer .wui-devicesimulation-closer {cursor:pointer;display:none;position:absolute;right:0px;top:1px;width:24px;height:24px}
#wDeviceSimulationLayer .wui-devicesimulation-closer:before {content:'';position:absolute;margin-top:11px;display:block;width:24px;height:3px;background-color:#999999;transform:rotate(45deg)}
#wDeviceSimulationLayer .wui-devicesimulation-closer:after  {content:'';position:absolute;margin-top:11px;display:block;width:24px;height:3px;background-color:#999999;transform:rotate(-45deg)}
#wDeviceSimulationLayer .wui-devicesimulation-closer:hover:before,
#wDeviceSimulationLayer .wui-devicesimulation-closer:hover:after {background-color:#666666}


#wDeviceSimulationLayer.wDeviceSimulationLayer-tab                              {position:absolute;width:398px;height:100%;left:430px;top:0;background-color:transparent}
#wDeviceSimulationLayer.wDeviceSimulationLayer-tab .wui-devicesimulation-header {position:absolute;width:348px;height:30px;text-align:left;left:2px;top:12px;width:calc(100% - 40px)}
#wDeviceSimulationLayer.wDeviceSimulationLayer-tab .wui-devicesimulation-header-title {font-size:19px;margin:0 15px;}
#wDeviceSimulationLayer.wDeviceSimulationLayer-tab #wDeviceSimulationIframe     {background:#ffffff;position:absolute;margin:4px 15px;width:375px;height:calc(100% - 50px);;left:auto;top:auto;border:solid var(--wBorderSize) #c6c6c6;box-shadow:none;}

.googleClicks                            {float:left;margin-left:10px;height:30px;background-color:#ffffff;border:solid var(--wBorderSize) #a0a0a0;border-style:none;border-color:#ffffff #ffffff #444444 #a0a0a0;background-image:url(/weblication/grid5/gui/images/style/bg-google-clicks.png)}
.keywordRankingTermSmart                 {display:block;float:left;height:1px;width:10px;margin-left:1px}
.keywordRankingTermSmart:hover           {background-color:#f0f0f0;cursor:pointer;}
.keywordRankingTermSmart span.tinf       {position:absolute;margin-top:-17px;margin-left:-1px;display:none;background-color:#f0f0f0;color:#000000}
.keywordRankingTermSmart:hover span.tinf {display:inline;font-size:var(--wFontSizeUiSmall);left:0;white-space:nowrap;padding:1px 2px 1px 2px;background-color:#999999;color:#ffffff}
.keywordRankingTermSmart span.tpos       {color:#000000;padding:0 3px 0 3px}
.keywordRankingTermSmart span.tterm      {background-color:#ffffff;color:#000000;padding:0 3px 0 3px}
.keywordRankingTermSmart span.tclicks    {background-color:transparent;color:#ffffff;padding:0 3px 0 3px}
.keywordRankingTermSmart span.ttrend     {display:none}
.keywordRankingPosition          {font-weight:bold;border-bottom: 2px solid black;padding:1px 2px 0px 2px;margin:0 0 0 0;color:#ffffff;background-color:black;}
.keywordRankingKeywordExists     {padding:0px 2px 0px 2px;color:#444444;background-color:#e0e0e0;border:solid var(--wBorderSize) #e0e0e0;border-left:none}
.keywordRankingKeywordNotExists  {padding:0px 2px 0px 2px;color:#a0a0a0;background-color:#ffffff;border:solid var(--wBorderSize) #d0d0d0;border-left:none}

.pageCallsLastMonth                      {float:left;height:30px;background-color:#ffffff;border:solid var(--wBorderSize) #a0a0a0;border-style:none none none none;border-color:#ffffff #ffffff #a0a0a0 #a0a0a0;background-image:url(/weblication/grid5/gui/images/style/bg-google-clicks.png)}
.pageCallsMonthRel                       {bottom:0;display:block;float:left;height:1px;width:10px;margin-left:1px;border-bottom:solid 1px #b0b0b0}
.pageCallsMonthRel span.tclicks          {white-space:nowrap;position:absolute;margin-top:-17px;margin-left:-1px;display:none;background-color:#999999;color:#ffffff;padding:0 3px 0 3px}
.pageCallsMonthRel:hover span.tclicks    {display:inline;left:0}

.lastAccesGoogleBot                      {clear:both;color:#888888;padding:2px 0 0 0;line-height:130%}
.lastAccesBingBot                        {clear:both;color:#888888;padding:4px 0 0 0;line-height:130%}

.wglMarkerManualSort          {position:absolute;margin-top:-7px;z-index:2200;box-sizing:content-box;height:3px;background-color:#2364A566;border:dashed 2px #2364A5;border-radius:7px;}
.wglMarkerManualSort:hover,
.wglMarkerManualSortMo        {position:absolute;margin-top:-7px;z-index:2200;box-sizing:content-box;height:3px;background-color:green;border:solid 2px green;border-radius:7px}

.wglListEntryMover         {display:block;cursor:move;position:absolute;z-index:5;width:32px;height:40px;opacity:0.3;margin:-8px 0 0 -30px;background-image:url(/weblication/grid5/gui/images/icons/edit_item_move_small_n.gif);background-repeat:no-repeat;background-position:8px 8px}
div:hover .wglListEntryMover,
li:hover .wglListEntryMover   {display:block;opacity:1;}
 .wglListEntryMover:hover   {display:block;background-image:url(/weblication/grid5/gui/images/icons/edit_item_move_small_a.gif);background-repeat:no-repeat}

.wglListEntryMoverManualOrderId {display:block;opacity:1;}
.wglListEntryDeleteManualOrderId {cursor:pointer;z-index:10;position:absolute;margin:0px 0 0 19px;width:16px;height:16px;background-image:url(/weblication/grid5/gui/images/icons/entry-sort-cancel-grey.png);background-repeat:no-repeat;background-position:4px 4px}
.wglListEntryDeleteManualOrderId:hover {background-image:url(/weblication/grid5/gui/images/icons/entry-sort-cancel-red.png)}

.wCl {position:absolute;z-index:100000;opacity:0.2;border-radius:5px;width:10px;height:10px;}

.wglUserSimulationLayer    {z-index:20010;position:fixed;top:0;left:0;margin:0 0 0 20px;padding:6px 20px 6px 20px;font-size:20px;font-weight:bold;text-align:center;color:#ffffff;background-color:blue;box-shadow:3px 3px 10px rgba(0, 0, 0, 0.3);opacity:0.7}
.wglPageAbTestLayer        {z-index:2000020;position:fixed;top:0;right:0;max-width:480px;margin:0 0 0 20px;padding:6px 20px 12px 20px;font-size:20px;font-weight:bold;color:#ffffff;background-color:#00b7ff;box-shadow:3px 3px 10px rgba(0, 0, 0, 0.3);opacity:1}
.wglPageAbTestLayerExpires {font-size:12px;margin:-4px 0 4px 0;color:#007dae}
.wglPageAbTestLayerLink    {font-size:15px}
.wglPageAbTestLayerLink  a {color:#ffffff !important;text-decoration:underline !important}
.wglPageAbTestLayerInfo    {font-size:12px;font-weight:normal;opacity:0.8;line-height:17px;}

.wglPageInfoLayers {z-index:2000020;position:fixed;top:0;right:0;}
.wglPageInfoLayer,
.wglPageOnlineTokenLayer,
.wglPageDraftTokenLayer,
.wglPageDraftLayer,
.wglPagewLinkDetailsSourceLayer,
.wglPageOfflineLayer       {position:relative;box-sizing:border-box;margin:0 0 0 20px;font-size:13px;line-height:21px;padding:10px 20px 10px 20px;color:#ffffff;background-color:#ff0000;box-shadow:3px 3px 10px rgba(0, 0, 0, 0.3)}
.wglPageOnlineTokenLayer   {background-color:#00c4ff;padding:6px 28px 6px 20px;font-size:15px}
.wglPageDraftTokenLayer    {background-color:#00c4ff;padding:4px 28px 6px 20px;font-size:15px}
.wglPageDraftLayer         {background-color:#888888}
.wglPagewLinkDetailsSourceLayer         {background-color:#888888}

.wglPageInfoLayer-info         {background-color:#3C609A}
.wglPageInfoLayer-info *       {color:#ffffff !important}
.wglPageInfoLayer-info *:hover {color:#ffffff !important}

.wglPageInfoLayerTitle {font-size:20px;line-height:25px;font-weight:bold;}
.wglPageInfoLayerInfo  {margin-top:4px;line-height:19px}

.wglPageInfoLayerCloser {position:absolute;right:0px;top:0px;width:20px;height:20px;cursor:pointer}
.wglPageInfoLayerCloser:before  {content:'';position:absolute;margin:9px 0 0 4px;display:block;width:12px;height:2px;background-color:#ffffff;transform:rotate(45deg)}
.wglPageInfoLayerCloser:after   {content:'';position:absolute;margin:9px 0 0 4px;display:block;width:12px;height:2px;background-color:#ffffff;transform:rotate(-45deg)}

.wglPageOnlineTokenLayer .wglPageInfoLayerCloser,
.wglPageDraftTokenLayer .wglPageInfoLayerCloser {top:7px;right:6px}

.wglPageInfoLayerMinimized {height:20px;width:20px;overflow:hidden;padding:0;color:transparent}
.wglPageInfoLayerMinimized .wglPageInfoLayerCloser {transform:rotate(45deg);top:0;right:0}
.wglPageInfoLayerMinimized .wglPageInfoLayerTitle,
.wglPageInfoLayerMinimized .wglPageInfoLayerInfo {display:none}

.wglPageOfflineLayerLinkCreate,
.wglPageOfflineLayerLinkView {font-size:13px;line-height:21px}
#createOnlineToken,
#createDraftToken,
#linkOnlineToken,
#linkDraftToken {font-weight:normal}
#linkOnlineTokenLink,
#linkDraftTokenLink,
#linkOfflineRedirectLink,
#linkOnlineTokenLink:hover,
#linkDraftTokenLink:hover,
#linkOfflineRedirectLink:hover {cursor:pointer;color:#ffffff;text-decoration:underline;font-weight:bold}
#linkDeleteOnlineTokenLink,
#linkCreateOnlineTokenLink,
#linkCreateDraftTokenLink,
#linkDeleteDraftTokenLink,
#linkDeleteOnlineTokenLink:hover,
#linkCreateOnlineTokenLink:hover {cursor:pointer;background:#ffffff;text-decoration:none;color:#000000;margin-left:5px;padding:0 5px;border-radius:4px;font-weight:normal;background-image:linear-gradient(180deg, #EAEAEA 0%, #c9c9c9 100%)}
.wglMaintenanceLayer       {z-index:20030;position:fixed;top:0;left:0;margin:0 0 0 20px;padding:6px 20px 6px 20px;font-size:20px;font-weight:bold;text-align:center;color:#000000;background-color:yellow;box-shadow:3px 3px 10px rgba(0, 0, 0, 0.3);opacity:0.7}

@media print {
  .wglPageOfflineLayer {
    display:none !important;
  }
}

.wglPageTdpLayer       {z-index:2000020;position:fixed;top:0;right:32px;margin:0 0 0 20px;padding:6px 20px 6px 20px;font-size:20px;line-height:25px;font-weight:bold;text-align:center;color:#ffffff;background-color:#e9ae86;box-shadow:3px 3px 10px rgba(0, 0, 0, 0.3);opacity:0.8}

@media print {
  .wglPageTdpLayer {
    display:none !important;
  }
}

@media print {
  .wglPageDraftLayer {
    display:none !important;
  }
}

.wglPreviewLayout         {z-index:2000020;position:absolute;top:0;right:32px;margin:0 0 0 20px;color:#ffffff;padding:20px 20px 20px 20px;background-color:#008FFF;box-shadow:3px 3px 10px rgba(0, 0, 0, 0.3);opacity:1}
.wglPreviewLayoutHeader   {font-size:20px;padding:0 0 0 0;font-weight:bold;text-align:center;}
.wglPreviewLayoutFunction {overflow:hidden;padding:10px 0 10px 0;}
.wglPreviewLayoutBody     {font-size:16px;}

.wglPreviewLayout .wglVariantEntry         {border-left:solid 4px transparent;padding-left:4px}
.wglPreviewLayout .wglVariantEntry:hover   {background-color:rgba(255, 255, 255, 0.5)}
.wglPreviewLayout .wglVariantEntrySelected {border-left:solid 4px #ffffff;background-color:rgba(255, 255, 255, 0.5)}
.wglPreviewLayout .wglVariantEntry > span  {cursor:pointer}

.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.3)}
.wui-popup-header {box-sizing:border-box;-moz-box-sizing:border-box;font-size:var(--wFontSizeUiDefault);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%, #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:fixed;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;cursor:pointer}

.wglBePanelSectionFunctions {margin-top:-2px}

@media only screen and (max-width: 1064px){
  .wglBePanelSectionLayer {width:32px}
}

@media only screen and (max-width: 768px){
  .wglMaintenanceLayer    {top:auto;bottom:0;padding:3px 8px 3px 8px;font-size:var(--wFontSizeUiDefault)}  
}

@media only screen and (max-width: 480px){
  .wglBePanelSectionLayer {width:32px}  
  .wglSiteInfoOpened .wglSiteInfo{width:240px}
}

@media only screen and (max-width: 320px){
  .wglSiteInfoOpened .wglSiteInfo{display:none}
}

@media only screen and (max-height: 576px){
  .wglBePanelLogo {height:132px;}
  .wglBePanelLogo:before         {background-size:96px;transform-origin:62px 54px}
  .wglBePanelLogo.isDev:before   {transform-origin:62px 54px}
  .wglBePanelLogo.isDev span     {transform-origin:-16px -32px}
  
  #wglBePanelSectionContent .wglBePanelSectionLayerContentHover,
  #wglBePanelSectionContent .wglBePanelSectionLayer:hover .wglBePanelSectionLayerContent {margin-top:-124px}

  #wglBePanelSectionTools .wglBePanelSectionLayerContentHover,
  #wglBePanelSectionTools .wglBePanelSectionLayer:hover .wglBePanelSectionLayerContent {margin-top:-214px}

  #wglBePanelSectionFunctions .wglBePanelSectionLayerContentHover,
  #wglBePanelSectionFunctions .wglBePanelSectionLayer:hover .wglBePanelSectionLayerContent {margin-top:-184px}
}

#containerRecentDocuments       {display:block;clear:left;background-color:#ffffff;border:solid var(--wBorderSize) #d0d0d0;height:160px;width:360px;overflow:auto;}
#containerDrafts                {display:block;clear:left;background-color:#ffffff;border:solid var(--wBorderSize) #d0d0d0;height:160px;width:360px;overflow:auto;}

#infoOldBrowser {z-index:2000020;position:fixed;top:0;margin:0 auto;padding:6px 20px 6px 20px;font-size:20px;font-weight:bold;text-align:center;color:#ffffff;background-color:#ff0000;box-shadow:3px 3px 10px rgba(0, 0, 0, 0.3);opacity:0.8}
#infoOldBrowser a {font-size:20px;color:#000000;text-decoration:underline}


#navigationSitemapPanel                                    {clear:left;margin:8px 0 0 4px;max-height:400px;overflow:auto}
#navigationSitemapPanel ul                                 {list-style-type:none;margin:0;padding:0}
#navigationSitemapPanel li                                 {overflow:hidden;margin:0;padding:0;line-height:initial}
#navigationSitemapPanel a                                  {display:inline-block;font-size:var(--wFontSizeUiDefault);line-height:130%;margin:3px 0;padding:0;text-decoration:none;color:#888888}
#navigationSitemapPanel a:hover                            {color:#000000}

#navigationSitemapPanel  li.navLevel1                      {}
#navigationSitemapPanel  a.navLevel1                       {}

#navigationSitemapPanel  li.navLevel2                      {padding:0 0 0 16px}
#navigationSitemapPanel  a.navLevel2                       {}

#navigationSitemapPanel  li.navLevel3                      {padding:0 0 0 16px}
#navigationSitemapPanel  a.navLevel3                       {}

#navigationSitemapPanel  li.navLevel4                      {padding:0 0 0 16px}
#navigationSitemapPanel  a.navLevel4                       {}

.wQuickAccessVisible,
.wQuickAccessVisible body {overflow:hidden}

.wglButtonEditObjectTemplate {position:relative;float:right;z-index:15}

.wglInputMultipleEntry {position:relative}
.wglInputMultipleEntry input {width:100%;border-top-style:none}
.wglInputMultipleEntry:first-child input {border-top-style:solid}

.wglInputMultipleEntryFunctions {position:absolute;right:3px;top:5px;z-index:1}
.wglInputMultipleEntryFunctions .wglInputMultipleEntryFunctionSelect {cursor:pointer;display:inline-block;position:relative;width:16px;height:16px;}
.wglInputMultipleEntryFunctions .wglInputMultipleEntryFunctionDelete {cursor:pointer;display:inline-block;position:relative;width:16px;height:16px;}
.wglInputMultipleEntryFunctions .wglInputMultipleEntryFunctionAdd {cursor:pointer;display:inline-block;position:relative;width:16px;height:16px;}

.wglInputMultipleEntryFunctions .wglInputMultipleEntryFunction:before     {content:'';display:block;position:absolute;width:16px;height:16px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:720px;background-repeat:no-repeat;background-position:16px 16px}
.wglInputMultipleEntryFunctions .wglInputMultipleEntryFunction:after      {content:'';display:block;position:absolute;width:16px;height:16px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:720px;background-repeat:no-repeat;background-position:16px 16px}

.wglInputMultipleEntryFunctions .wglInputMultipleEntryFunctionSelect:before  {background-position:-179px -63px !important}
.wglInputMultipleEntryFunctions .wglInputMultipleEntryFunctionDelete:before  {background-position:-151px -63px !important}
.wglInputMultipleEntryFunctions .wglInputMultipleEntryFunctionAdd:before     {content:'';position:absolute;width:2px;height:10px;background-color:#a0a0a0;right:7px;top:3px}
.wglInputMultipleEntryFunctions .wglInputMultipleEntryFunctionAdd:after      {content:'';position:absolute;width:2px;height:10px;background-color:#a0a0a0;right:7px;top:3px;transform:rotate(90deg)}


#wImageSizerOuter   {position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100000;opacity:0;pointer-events:none}
#wImageSizerTitle   {position:absolute;top:0;left:0;z-index:100001;font-size:17px;line-height:27px;font-family:Arial,Sans-serif,Helvetica;font-weight:normal;color:#555555;background-color:#ffffff;padding:0 10px;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.5);}
#wImageSizer        {position:absolute;top:0;left:0;width:30em;z-index:100000;height:100%;margin:0 auto;outline:none 4px #666666;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.5);}
#wImageSizer iframe {border:none;width:100%;height:100%}

html[data-imagesizermode='z'] #wImageSizerOuter   {left:0;z-index:-1}
html[data-imagesizermode='z'] #wImageSizer        {height:100vh;z-index:-1}

.wCalendarBlocker      {box-sizing:border-box;position:absolute;z-index:1000;width:100%;height:100%;background-color:#f0f0f0;display:none;}

.wCalendar             {background-color:#ffffff;font-family:arial;font-size:var(--wFontSizeUiDefault);border:solid var(--wBorderSize) #c0c0c0;position:absolute;box-shadow:0 0 6px #00000022}
.wCalendar th          {vertical-align:middle;border-style:none;padding:0}
.wCalendar td          {vertical-align:middle;border-style:none;padding:0}

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

.wCalendar a           {color:#606060;}

.wCalendar .day                {color:#000000;text-align:center;border:none;cursor:pointer;padding:1px}
.wCalendar .day div            {line-height:20px;color:#000000 !important}

.wCalendar .day.selected div   {background:#5E6C83;color:#ffffff !important}

.wCalendar .day.today          {outline:solid 1px red}

.wCalendar .day div:hover      {background:#5E6C83;color:#ffffff !important}

.wCalendar {
  font-family:arial;
  box-sizing:border-box;
}

.wCalendar #cal_head {

  height:18px;
  color:#000000;
  font-weight:normal;
  line-height:18px;
  padding:0 5px;
  border-bottom:1px var(--wBorderSize) #b7b7b7;
  background-image:linear-gradient(900deg, #dddddd 0%, #cacaca 100%)
}

.wCalendar #cal_head > div > div {
  color:#000000 !important;
  font-weight:bold;
}

.wCalendarTitle {
  float:left;
}

.wCalendarClose {
  position:absolute;top:3px;right:1px;width:16px;height:16px;cursor:pointer;
}

.wCalendarClose:before {
  width:16px;height:16px;position:absolute;display:block;content:'';background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:600px;background-repeat:no-repeat;background-position:-125px -101px;
}

.wCalendarDelete {
  position:absolute;top:3px;right:18px;width:16px;height:16px;cursor:pointer;
}

.wCalendarDelete:before {
  width:16px;height:16px;position:absolute;display:block;content:'';background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:600px;background-repeat:no-repeat;background-position:-125px -53px;
}

.wCalendarNav th {
  background:#e0e0e0;
  height:20px;
}

.wCalendarNavPrevYear {
  display:block;position:relative;float:left;width:24px;height:16px;
}

.wCalendarNavPrevYear:before{  
  content:'';display:block;position:absolute;top:3px;left:0;width:10px;height:10px;border:solid 5px transparent;border-right-color:#777777;
}
  
.wCalendarNavPrevYear:after{   
  content:'';display:block;position:absolute;top:3px;left:5px;width:10px;height:10px;border:solid 5px transparent;border-right-color:#777777;
}

.wCalendarNavPrevYear:hover:before,
.wCalendarNavPrevYear:hover:after {
  border-right-color:#333333;
}

.wCalendarNavPrevMonth {
  display:block;position:relative;float:left;width:20px;height:16px;
}

.wCalendarNavPrevMonth:before{  
  content:'';display:block;position:absolute;width:10px;height:10px;top:3px;border:solid 5px transparent;border-right-color:#777777;
}

.wCalendarNavPrevMonth:hover:before {
  border-right-color:#333333;
}

span.wCalendarNavToday {
  color:#777777 !important;
  cursor:default;
}

span.wCalendarNavToday:hover {
  color:#333333 !important;
}

.wCalendarNavNextYear {
  display:block;position:relative;float:right;width:24px;height:16px;
}

.wCalendarNavNextYear:before{  
  content:'';display:block;position:absolute;top:3px;right:0;width:10px;height:10px;border:solid 5px transparent;border-left-color:#777777;
}
  
.wCalendarNavNextYear:after{    
  content:'';display:block;position:absolute;top:3px;right:5px;width:10px;height:10px;border:solid 5px transparent;border-left-color:#777777;
}

.wCalendarNavNextYear:hover:before,
.wCalendarNavNextYear:hover:after {
  border-left-color:#333333;
}

.wCalendarNavNextMonth {
  display:block;position:relative;float:right;width:20px;height:16px;
}

.wCalendarNavNextMonth:before{  
  content:'';display:block;position:absolute;width:10px;height:10px;top:3px;right:0;border:solid 5px transparent;border-left-color:#777777;
}

.wCalendarNavNextMonth:hover:before {
  border-left-color:#333333;
}

.wglBePanel.wglBePanelMinimize {

  left:-25px;
  transition:left 0.3s ease-in-out;
}

.wglBePanel.wglBePanelMinimize:hover {
  left:0;
}

@media only screen and (max-width: 544px){

  .wglBePanel {
    left:-25px;
    transition:left 0.3s ease-in-out;
  } 
  
  .wglBePanelLash {
    display:block;position:absolute;margin:-32px 0 0 30px;border-radius:0 4px 4px 0;width:12px;height:32px;background:#475772;
    transition:all 0.3s ease-in-out;
  }  
    
  .wglBePanel:hover {
    left:0;
  }  
  
  .wglBePanel:hover .wglBePanelLash{
    margin-left:0;
    opacity:0;
  }      
}

.wglBePanel.wglBePanelRight.wglBePanelMinimize {

  right:-25px;
  left:auto;
  transition:right 0.3s ease-in-out;
}

.wglBePanel.wglBePanelRight.wglBePanelMinimize:hover {
  right:0;
  left:auto;
}


#beButtonsPage {position:absolute;z-index:15;margin:2px 0 0 48px;max-width:calc(100% - 50px)}
#beButtonsPage .wglButton {margin-bottom:2px;}

#beButtonEditMetaNavigation        {position:absolute;z-index:15;margin:2px 0 0 2px}
#beButtonEditNavigation            {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditNavigationSub         {position:absolute;z-index:15;margin:0 0 0 0;right:0}
#beButtonEditLogo                  {position:absolute;z-index:15;margin:16px 0 0 8px}
#logo #beButtonEditLogo {margin:0;right:0}
#beButtonEditBackgroundImagePage   {position:absolute;z-index:15;margin:8px 0 0 0;right:8px}
#beButtonEditBackgroundImageTop    {position:absolute;z-index:15;margin:36px 0 0 0;right:0}

#beButtonEditContentInclude        {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditContent2Includes      {position:absolute;z-index:15;margin:2px 24px  0 0;right:0}
#beButtonEditContent2Include       {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditContent2GlobalInclude {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditContent3Includes      {position:absolute;z-index:15;margin:2px 24px 0 0;right:0}
#beButtonEditContent3Include       {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditContent3GlobalInclude {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditContent4Includes      {position:absolute;z-index:15;margin:2px 24px 0 0;right:0}
#beButtonEditContent4Include       {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditContent4GlobalInclude {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditContent5Includes      {position:absolute;z-index:15;margin:2px 24px 0 0;right:0}
#beButtonEditContent5Include       {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditContent5GlobalInclude {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditContent6Includes      {position:absolute;z-index:15;margin:2px 24px 0 0;right:0}
#beButtonEditContent6Include       {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditContent6GlobalInclude {position:absolute;z-index:15;margin:2px 0 0 0;right:0}

#beButtonEditLeft                  {position:absolute;z-index:15;margin:2px 2px 0 2px}
#beButtonEditFooter                {position:absolute;z-index:15;margin:2px 2px 0 2px}

.beButtonEditGlobalInclude         {position:absolute;z-index:15;bottom:0;right:0}
.beButtonEditIncludedElements      {position:absolute;z-index:15;right:0;margin:2px 0 0 0}
.beButtonEditIncludedElements .wglButton  {margin:0}

.beButtonDeleteRow                 {position:relative;float:right;z-index:15}
.beButtonEditRow                   {position:relative;float:right;z-index:15}
.beButtonUploadRow                 {position:relative;float:right;z-index:15}
.beButtonEditSitemap               {position:absolute;right:0;z-index:15;margin:0 0 0 0}
.beButtonEditSubmap                {position:absolute;z-index:15;margin:0 0 0 0}

.listGlobalButtons                 {position:absolute;z-index:15;margin:2px}

.xweditor div.wWebtagTextEditorSelect                    {position:relative;}
.xweditor div.wWebtagTextEditorSelect:after              {pointer-events:none;content:'';position:absolute;width:0;right:5px;top:6px;height:0;border:solid 4px #666666;border-color:#666666 transparent transparent transparent}
.xweditor div.wWebtagTextEditorSelect select.wEditorText {-webkit-appearance:none}

#wglLinkMarkLoadedSizes   {display:block;float:right;margin-top:-16px;text-decoration:underline;cursor:pointer;user-select:none}
#wglLinkUnmarkLoadedSizes {display:none;float:right;margin-top:-16px;text-decoration:underline;cursor:pointer;user-select:none;border-color:rgba(124, 140, 162, 0.3);background: rgba(206, 215, 232, 0.4);}

.wglSizeLabel         {position:absolute;z-index:20;margin:8px 0 0 8px}
.wglSizeLabel > div   {display:inline-block;max-width:240px;padding:4px 4px !important;background:rgba(255, 251, 205, 1) !important;box-shadow:2px 2px 4px rgba(0, 0, 0, 0.2)}
.wglSizeLabel > div * {font-family:Arial,Sans-serif,Helvetica !important;font-size:var(--wFontSizeUiSmall) !important;line-height:13px !important;color:#000000 !important;text-decoration:none !important;font-weight:normal;letter-spacing:0;text-transform:none;}
.wglSizeLabelSmall         {margin:4px 0 0 4px}
.wglSizeLabelSmall > div   {padding:1px 2px !important}
.wglSizeLabelSmall > div * {font-size:9px !important;line-height:11px !important}

.wglSizeLabel > div span:before {color:#888888}
.wglSizeLabel > div span.wglSizeLabel-size                {display:block}
.wglSizeLabel > div span.wglSizeLabel-size:before         {content:'Größe: '}
.wglSizeLabel > div span.wglSizeLabel-lazyloading         {display:block}
.wglSizeLabel > div span.wglSizeLabel-lazyloading:before  {content:'Lazy Loading: '}
.wglSizeLabel > div span.wglSizeLabel-quality             {display:block}
.wglSizeLabel > div span.wglSizeLabel-quality:before      {content:'Qualität: '}
.wglSizeLabel > div span.wglSizeLabel-extension           {display:block}
.wglSizeLabel > div span.wglSizeLabel-extension:before    {content:'Bildtyp: '}
.wglSizeLabel > div span.wglSizeLabel-alt                 {display:block;color: #666666 !important;margin:4px -4px -4px -4px;padding:3px 4px 3px 4px;background:#fff9e6;border-top:solid 1px #d9d593;}
.wglSizeLabel > div span.wglSizeLabel-alt:before          {content:''}
.wglSizeLabel > div span.wglSizeLabel-alt:empty:before    {content:'Alternativtext fehlt';color:rgba(238, 134, 106, 1) !important}

.wglSizeLabelSmall > div span.wglSizeLabel-size:before      {content:''}
.wglSizeLabelSmall > div span.wglSizeLabel-quality:before   {content:''}
.wglSizeLabelSmall > div span.wglSizeLabel-extension:before {content:''}
.wglSizeLabelSmall > div span.wglSizeLabel-alt:before       {content:''}
.wglSizeLabel > div span.wglSizeLabel-alt:empty             {background-color:red}
.wglSizeLabel > div span.wglSizeLabel-alt:empty:before      {content:'Alt fehlt';color:#ffffff !important}

.wglSizeLabel .wglSizeLabel-delete {position:absolute;width:14px;height:14px;top:2px;right:2px;text-align:center;cursor:pointer;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:500px;background-repeat:no-repeat;background-position:-102px -43px}

#wglMigrationAssistantHeader {width:100%;height:32px;background:linear-gradient(180deg, #5E6C83 0%, #061C3B 100%)}
#wglMigrationAssistantHeaderTitle {line-height:32px;margin:0 4px;color:#ffffff;font-family:arial, helvetica;font-size:12px;font-weight:normal;}
#wglMigrationAssistantCloser         {position:absolute;height:32px;width:24px;right:0;top:0;cursor:pointer}
#wglMigrationAssistantCloser:before  {content:'';position:absolute;margin:14px 0 0 2px;display:block;width:16px;height:2px;background-color:#c0c0c0;transform:rotate(45deg)}
#wglMigrationAssistantCloser:after   {content:'';position:absolute;margin:14px 0 0 2px;display:block;width:16px;height:2px;background-color:#c0c0c0;transform:rotate(-45deg)}

#wglMigrationAssistantMenu {width:100%;height:32px;background:#f0f0f0;box-sizing:border-box;border-bottom:solid 1px #c0c0c0}
#wglMigrationAssistantMenuSource {float:left;width:calc(50vw - 8px)}
#wglMigrationAssistantMenuDest {float:right;width:calc(50vw - 8px)}
#wglMigrationAssistantMenuSourcePath {text-align:left;padding-left:4px;color:#a0a0a0;font-family:arial, helvetica;font-size:12px;font-weight:normal;line-height:32px;}
#wglMigrationAssistantMenuDestPath  {float:left;padding-left:4px;color:#a0a0a0;font-family:arial, helvetica;font-size:12px;font-weight:normal;line-height:32px;}
#wglMigrationAssistantMenuDestWidth {float:right;padding-right:4px;color:#a0a0a0;font-family:arial, helvetica;font-size:12px;font-weight:normal;line-height:32px;}

#wglIframeMigrationSource  {float:left;height:calc(100vh - 64px);width:calc(50% - 8px);border:none;margin:0;padding:0}
#wglIframeMigrationDivider {float:left;height:calc(100vh - 64px);margin-top:-1px;width:16px;background:#f0f0f0;border-left:solid 1px #c0c0c0;border-right:solid 1px #c0c0c0;margin:0;padding:0}
#wglIframeMigrationDivider:before {content:'';display:block;position:absolute;top:63px;height:2px;width:14px;background:#f0f0f0;}
#wglIframeMigrationDest    {float:left;height:calc(100vh - 64px);width:calc(50% - 8px);border:none;margin:0;padding:0}

.wglButtonEditEmbedElement                                       {position:absolute;box-sizing:border-box;padding:0 !important;width:18px;height:18px;margin:-12px 0 0 -12px;display:block;z-index:1;border-radius:9px !important}
.wglButtonEditEmbedElement .wglButtonEditEmbedElementEdit        {position:absolute;box-sizing:border-box;padding:0 !important;width:18px;height:18px;display:block;z-index:1;border-radius:9px !important}
.wglButtonEditEmbedElement .wglButtonEditEmbedElementEdit:before {content:'';display:block;padding:0 !important;position:absolute;width:18px;height:18px;background-image: url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:600px;background-repeat:no-repeat;background-position:-270px -75px}
.wglButtonEditEmbedElement .wglButtonEditEmbedElementExtended    {position:absolute;left:18px;box-sizing:border-box;padding:0 !important;width:18px;height:18px;display:block;z-index:1;border-radius:9px !important}

.wglButtonEditEmbedElement.wglButtonEditEmbedElementHasWaiTextEditable  {width:36px;background:#ffffff;outline:solid 1px #c0c0c0}
.wglButtonEditEmbedElement.wglButtonEditEmbedElementWaiTextAi           {cursor:pointer;width:36px;background:#ffffff;outline:dashed 1px green}
.wglButtonEditEmbedElement.wglButtonEditEmbedElementHasWaiTextAvailable {cursor:pointer;width:36px;background:#ffffff;outline:solid 1px green}
.wglButtonEditEmbedElement.wglButtonEditEmbedElementHasWaiTextAvailableOnTheFly {cursor:pointer;width:36px;background:#ffffff;outline:dashed 1px green}

.wglButtonEditEmbedElement.wglButtonEditEmbedElementHasWaiTextEditable  .wglButtonEditEmbedElementExtended:before {content:'';display:block;position:absolute;box-sizing:border-box;width:18px;height:18px;border-radius:9px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:600px;background-repeat:no-repeat;background-position:-556px -51px !important}
.wglButtonEditEmbedElement.wglButtonEditEmbedElementWaiTextAi           .wglButtonEditEmbedElementExtended:before {content:'';display:block;position:absolute;box-sizing:border-box;width:18px;height:18px;border-radius:9px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:600px;background-repeat:no-repeat;background-position:-532px -51px !important}
.wglButtonEditEmbedElement.wglButtonEditEmbedElementHasWaiTextAvailable .wglButtonEditEmbedElementExtended:before {content:'';display:block;position:absolute;box-sizing:border-box;width:18px;height:18px;border-radius:9px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:600px;background-repeat:no-repeat;background-position:-532px -51px !important}

.wEasyLanguageMode .wglButtonEditEmbedElement.wglButtonEditEmbedElementHasWaiTextEditable {background:#aa0000;outline:solid 1px #aa0000}
.wEasyLanguageMode .wglButtonEditEmbedElement.wglButtonEditEmbedElementHasWaiTextEditable .wglButtonEditEmbedElementExtended:before {background-position:-580px -51px !important}

div[data-wais='1'] .wglButtonEditEmbedElement {background:#008000}
div[data-wais='1'] .wglButtonEditEmbedElement:before {filter:invert(1)}
div[data-wais='1'] .wglButtonEditEmbedElement.wglButtonEditEmbedElementHasWaiTextAvailable  {background:green;outline:solid 1px green}
div[data-wais='1'] .wglButtonEditEmbedElement.wglButtonEditEmbedElementHasWaiTextAvailable .wglButtonEditEmbedElementExtended:before {content:'';display:block;position:absolute;box-sizing:border-box;width:18px;height:18px;border-radius:9px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:600px;background-repeat:no-repeat;background-position:-580px -51px !important}
div[data-wais='1'] .wglButtonEditEmbedElement.wglButtonEditEmbedElementHasWaiTextAvailableOnTheFly {background:green;outline:dashed 1px green}
div[data-wais='1'] .wglButtonEditEmbedElement.wglButtonEditEmbedElementHasWaiTextAvailableOnTheFly .wglButtonEditEmbedElementExtended:before {content:'';display:block;position:absolute;box-sizing:border-box;width:18px;height:18px;border-radius:9px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-position:0 0;background-size:600px;background-repeat:no-repeat;background-position:-580px -51px !important}

.wglButtonEditEmbedElement.elprogress .wglButtonEditEmbedElementExtended {animation:animateElprogress 1s linear infinite}

@keyframes animateElprogress {
  from {
    transform:rotateY(90deg);
  }
  to {
    transform:rotateY(450deg);
  }
}

#blockFooter .wglButtonEditEmbedElement,
.elementIncludeGroup .wglButtonEditEmbedElement {display:none !important}

#wglBeEmbedPage     {position:absolute;width:calc(100vw - 320px);height:100vh;border:none}
#wglBeEmbedSiteinfo {position:absolute;right:0;width:320px;height:100vh;box-shadow:0 0 12px rgba(0, 0, 0, 0.3)}
#wglBeEmbedSiteinfo #wSiteInfo {position:relative;width:100%;height:100vh;top:0;left:0;border:none;box-shadow:none}


#infoStatNoWa {font-size:var(--wFontSizeUiSmall);padding-left:8px;color:#aaaaaa;display:none}
#infoStatWa   {font-size:var(--wFontSizeUiSmall);padding-left:8px;color:#aaaaaa;display:none}
#linkVisitFlow {cursor:pointer;text-decoration:underline;margin:2px 0 0 0;color:#207CB5}

#wglContainerMessagesPage {padding:1rem 1rem;}
@media only screen and (min-width: 576px){
  #wglContainerMessagesPage {padding:1rem 3rem;}  
}

.wglMessagePage {font-family:arial,helvetica;position:relative;z-index:1;outline:1px #c0c0c0;background-color:rgb(255, 255, 200);box-shadow:1px 1px 8px -1px rgba(0, 0, 0, 0.2);padding:16px 20px;display:inline-block;cursor:pointer;margin: 0 10px 4px 0;}
.wglMessageType-todo:after   {content:'Zu erledigen';white-space:nowrap;position:absolute;right:-3px;top:-4px;font-size:var(--wFontSizeUiSmall);line-height:14px;border-radius:8px;padding:0 6px;background-color:rgb(5, 111, 252);color:#ffffff}
.wglMessageType-todo.wglMessageStatus-inProgress:after   {content:'In Bearbeitung';white-space:nowrap;position:absolute;right:-3px;top:-4px;font-size:var(--wFontSizeUiSmall);line-height:14px;border-radius:8px;padding:0 6px;background-color:#00d0db;color:#ffffff}
.wglMessageType-note:after   {content:'Hinweis';white-space:nowrap;position:absolute;right:-3px;top:-4px;font-size:var(--wFontSizeUiSmall);line-height:14px;border-radius:8px;padding:0 6px;background-color:rgb(252, 179, 5);color:#ffffff}
.wglMessagePageSelected  {box-shadow:3px 3px 16px -1px rgba(0, 0, 0, 0.6);}

.wglMessageStatus-done       {box-shadow:none;border:none;background:none;padding:0;top:-10px;display:none}

.wglMessageStatus-done:after {content:'Erledigt';position:absolute;display:table;left:0;top:0;font-size:var(--wFontSizeUiSmall);line-height:14px;border-radius:8px;padding:0 6px;background-color:rgb(0, 193, 30);color:#ffffff}

.wglMessagePage      .wglMessagePageText   {white-space:pre-wrap;font-family:arial,helvetica !important;font-size:16px !important;line-height:20px !important;font-weight:normal !important;color:#000000 !important}
.wglMessagePage      .wglMessagePageText a {color:#1d6fb7 !important;text-decoration:underline !important}
.wglMessagePage      .wglMessagePageText a:hover {color:#1d6fb7 !important;text-decoration:underline !important}
.wglMessageType-todo .wglMessagePageText   {color:rgb(0, 47, 110) !important}
.wglMessageType-note .wglMessagePageText   {color:#6f5e00 !important}
.wglMessageStatus-done .wglMessagePageText {display:none}
.wglMessageUser    {float:left;font-size:var(--wFontSizeUiDefault);color:#a0a0a0;padding-top:2px;line-height:15px}
.wglMessageDueDate {float:right;font-size:var(--wFontSizeUiDefault);color:#a0a0a0;padding-top:2px;line-height:15px}
.wglMessageDueDate.overdue {color:#cc0000}

.wglMessageImportance-5 {padding-left:24px}
.wglMessageImportance-5:before {content:'!';position:absolute;left:8px;font-weight:bold;color:#ff0000;font-size:30px;}


.wglBoxWorkflow                 {font-family:Arial,Sans-serif,Helvetica;font-size:1rem;font-weight:normal;margin:2rem;padding:1rem;max-width:1280px;overflow:hidden;background-color:#f0f0f0;border:solid var(--wBorderSize) #e0e0e0}
.wglBoxWorkflowCaption          {color:#000000;margin-bottom:1rem}
.wglBoxWorkflowCaptionImportant {color:#ee0000}
.wglBoxWorkflow a       {font-family:Arial,Sans-serif,Helvetica;font-size:1rem;font-weight:bold;color:#000000;text-decoration:underline}
.wglBoxWorkflow a:hover {font-family:Arial,Sans-serif,Helvetica;font-size:1rem;font-weight:bold;color:#000000;text-decoration:none}

.wglBlockError         {line-height:17px;clear:both;display:block;width:400px;border:solid 0.5px #A0ADC2;border-radius:3px;color:#666666;background:#f3f3f3;padding:10px 10px;margin-bottom:20px;font-size:12px}
.wglBlockErrorInfo     {border:solid 0.5px #9A0000;color:#666666;background:#ffe2e2;}
.wglBlockErrorSolution {border:solid 0.5px #A0ADC2;color:#666666;background:#f3f3f3;}
.wglBlockErrorTitle    {display:inline-block;color:#000000;font-size:14px;font-weight:bold;margin-bottom:4px}
.wglBlockErrorInfo .wglBlockErrorTitle    {color:#9A0000}
.wglBlockErrorSolution .wglBlockErrorTitle    {color:#009441}
.wglBlockError a       {color:#1b5fb6;text-decoration:underline}
.wglBlockError iframe  {margin-top:8px;border:solid 0.5px #A0ADC2;background:#ffffff;height:120px}

.wglBlockErrorExceptionInfo {width:calc(100% - 20px);border:solid;border:solid 0.5px #A0ADC2;height:300px;overflow:auto;padding:10px;margin-bottom:20px;font-size:11px;background:#f6f6f6}
.wglBlockErrorExceptionInfo textarea {width:100%;border:none;height:100%;}

#buttonMoreInfo    {font-size:13px;display:block;margin-bottom:10px;cursor:pointer;text-decoration:underline;color:#999999}
.moreInfoComment   {font-size:12px;display:block;margin-bottom:20px;color:#999999}
.moreInfoComment a {color:#1b5fb6;text-decoration:underline}